截至 2014 年 7 月 底 ， 徽 信用 户 数 已 近 8 亿 ， 月 活跃 用 户 接 近 4 亿 ， 徽 信 公 众 账号 达 580 万 个 ， 已 聚集 10 万 开发 者 ， 并 有 6.7 万 个 移动 应 用 接 入 徽 信 。 

如 此 庞大 的 微 信用 户 数量 是 商家 的 乐土 ， 也 是 技术 开发 人 员 的 天 堂 ， 很 多 有 实力 的 微 信 第 三 方 开发 者 利用 自己 的 技术 和 对 行业 的 理解 ， 帮 助 更 多 小 商户 、 小 企业 加 入 微 信 ， 并 在 微 信 平台 和 微 信 一 起 快 
速成 长 。 我 们 于 2003 年 10 月 出 版 了 《 微 信 公众 平台 开发 入 门 教程 》 之 后 ， 就 收 到 一 名 学 生 的 回复 ， 他 告诉 我 们 自己 通过 学 习 这 本 教程 已 帮助 别人 开发 微 信 应 用 赚 到 了 2000 元 ， 而 如 今 ， 这 个 系列 教程 已 经 帮 
助 了 超过 500000 人 迈 向 微 信 开发 的 大 门 。 
读者 对 象 

根据 不 同 的 群体 特点 ， 本 书 的 读者 对 象 如 下 : 

. 想 了 解 移 动 互 联网 及 微 信 公众 平台 发 展 的 行业 从 业 人 员 。 

想 学 习 微 信 公 众 平台 开发 的 学 生 及 技术 人 员 。 


" 想 使 用 微 信 公众 平台 开发 、 创 业 等 渴望 更 成 功 的 人 。 





“ 对 移动 互联 网 及 微 信 公 众 平 台 发 展 感 兴趣 的 各 种 研究 者 和 实践 者 。 
阅读 指南 
本 书 分 为 7 章 。 
第 1 章 介 绍 了 微 信 及 其 三 大 平台 ， 重 点 介绍 了 微 信 公众 平台 的 注册 及 各 种 功能 的 使 用 。 
第 2 章 介绍 了 如 何在 本 地 搭建 开发 环境 以 及 微 信 公众 平台 开发 的 编程 基础 知识 。 
第 3 章 介 绍 了 如 何 申请 新 浪 云 应 用 作为 微 信 程序 运行 环境 ， 并 分 析 了 微 信 公众 平台 自动 回复 的 原理 。 读 者 需要 理解 开发 模式 的 原理 ， 这 是 进行 后 续 开发 的 基础 ， 最 后 介绍 了 微 信 开发 调试 器 的 使 用 方法 。 


第 4 章 介绍 了 微 信 公众 平台 开发 最 常用 的 接口 ， 包 括 接 收 用 户 发 送 的 4 种 消息 ， 以 3 种 方式 向 用 户 回 复 消息 ， 接 收 关注 事件 推送 消息 ， 自 定义 菜单 ， 网 页 授权 获取 用 户 信息 ， 模 板 消 息 。 这 些 接口 窗 益 了 储 
信 开 发 过 程 中 80% 以 上 的 使 用 场景 。 


第 5 章 介绍 了 微 网 站 的 开发 ， 包 括 首页 、 栏 目 页 及 内 容 页 的 设计 与 实现 等 。 
第 6 章 详细 介绍 了 微 信 大 转盘 营销 系统 的 实现 原理 ， 并且 对 数据 库 设 计 、 防 作 产 机 制 、 抽 奖 算法 等 实现 原理 进行 了 深入 剖析 。 


第 7 章 介绍 了 微 信 小 店 的 搭建 及 二 次 开发 ， 包 括 微 信 支 付 开发 配置 ， 微 信 小 店 的 完整 搭建 方法 ， 以 及 二 次 开发 中 的 付款 交易 通知 、 订 单 查询 及 快递 查询 的 开发 实现 。 


源码 及 勘误 说 明 
本 书 的 源 代码 可 以 从 华章 图 书 官网 本 书 相 关 的 网 页 下 载 ， 网 址 为 : http://www.hzbook.com/。 
勘误 说 明 及 源码 更 新 可 以 从 方 倍 工作 室 的 微 信 公 众 账号 (账号 : PondBayStudio) 下 载 ， 欢 迎 关注 并 索取 更 新 。 我 们 也 会 经 常 发 布 微 信 最 新 动态 及 技术 信息 。 
由 于 作者 水 平 及 能 力 有 限 ， 加 之 时 间 仓 促 。 书 中 难免 出 现 错 误 和 不 要 之 处 ， 吓 请 读者 批评 指正 | 
致谢 
首先 感谢 “ 微 信之 父 ” 张 小 龙 先生 及 微 信 团队 ， 是 他 们 创造 了 微 信 这 一 经 典 传世 之 作 。 
感谢 机 械 工业 出 版 社 王 彬 编辑 的 支持 ， 促 成 了 这 本 书 的 出 版 。 
感谢 我 最 亲爱 的 家 人 在 背后 的 默默 支持 与 付出 。 
本 书 成 书 过程 中 也 得 到 了 诸多 同行 的 支持 与 鼓励 ， 在 此 一 并 致谢 。 
说 以 此 书 献 给 所 有 热爱 移动 互联 网 和 微 信 及 微 信 公众 平台 的 人 们 。 
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第 1 章 ” 微 信 公 众 平台 介绍 


自从 腾讯 公司 推出 微 信 以 后 ， 微 信 便 如 星火 粽 原 之 势 友 展 ， 截 至 2014 年 7 月 ， 微 信用 户 数 已 近 8 亿 ， 月 活跃 用 户 接 近 4 亿 ， 微 信 公 众 账 号 达 580 万 个 ， 每 日 新 增 数 为 1.5 万 ， 是 亚洲 地 区 用 户 群 体 最 大 的 移 
动 端 即时 通信 软件 ， 同 时 也 被 公认 为 目前 唯一 拿 到 移动 互联 网 门票 的 应 用 。 


本 章 主 要 介绍 微 信 公众 平台 的 注册 及 使 用 。 


1.1 微 信 及 其 三 大 平台 


微 信 (英文 名 : WeChat) 是 腾讯 公司 于 2011 年 年 初 推出 的 一 款 可 以 发 送 文字 、 表 情 、 图 片 、 语 音 、 视 频 、 位 置 、 链 接 ， 并 支持 语音 实时 对 讲 的 手机 聊天 软件 。 用 户 可 以 通过 “添加 QQ 好 友 ”、“ 添 
加 手机 联系 人 ”、“ 摇 一 摇 ”、“ 附 近 的 人 ”、 “一 起 按 ”、“ 搜 号 码 ”、“ 查 找 公众 号 ”、“ 扫 描 二 维 码 ” 等 多 种 方式 添加 好 友 或 天 注 微 信 公 众 账 号 ， 也 可 以 将 内 容 帮 送 给 好 友 或 分 享 到 朋友 圈 。 同 时 微 
信 还 提供 “ 微 信 支付 ”、“ 理 财 通 ”、 “ 微 信 红 包 ”、“ 咬 咬 打 车 ”、 “表情 ”、“ 游 戏 ” 等 贴近 生活 的 功能 。 


沪 


微 信 由 腾讯 广州 研发 中 心 产品 团队 开发 ， 该 团队 经 理 张 小 龙 被 称 为 “ 微 信之 父 ”， 公 司 总 裁 马化腾 确定 该 产品 的 名 称 为 “ 微 信 ”。 


微 信 的 官方 网 站 是 : http://weixin.qq.com/。 图 1-1 是 微 信 图 标 。 



































图 1-1 微 信 图 标 


2012 年 8 月 23 日 ， 腾 讯 公司 推 出 微 信 公众 平台 ， 其 宣传 口号 是 “再 小 的 个 体 ， 也 有 自己 的 品牌 ”。 微 信 公众 平台 是 微 信 公 众 账 号 所 有 者 (政府 、 媒 体 、 企 业 、 组 织 或 个 人 等 ) 进行 品牌 推广 、 减 少 运营 
成 本 、 提 高 影响 力 、 与 用 户 进行 互动 交流 及 提供 服务 的 平台 ， 公 众 账 号 通过 消息 、 事 件 、 菜 单 等 交互 方式 为 用 户 提供 服务 。 例 如 : 公众 账号 “招商 银行 信用 卡 中 心 ”为 持 卡 人 提供 信用 卡 绑 定 、 查 询 信用 卡 
账单 、 额 度 及 积分 ; 快速 还 款 、 申 请 账单 分 期 ; 微 信和 转 接 人 工 服 务 ;信用卡 消 费 ， 微 信和 免费 笔 笔 提醒 等 功能 ， 同 时 还 为 非 持 卡 人 提供 微 信 办 卡 功能 。 微 信 公 众 平台 的 官方 网 址 

是 https://mp.weixin.qq.com/。 微 信 公 众 平台 还 有 国际 版 (也 称 海外 版 ) ， 其 官方 网 址 为 : https://admin.wechat.com/。 


~ 


除了 微 信 公 众 平台 以 外 ， 还 有 微 信 开放 平台 及 微 信 智 能 开放 平台 。 


微 信 开放 平台 是 为 移动 应 用 开发 者 提供 的 内 容 分 享 接口 ， 开 发 者 可 以 在 iOS9、Android 以 及 WP8 平 台 上 使 用 开放 平台 的 SDK 来 开发 分 享 功能 ， 使 用 户 可 以 在 App 上 分 享 内 容 给 微 信 好 友 或 分 享 到 微 信 朋 友 
圈 。 微 信 开 放 平 台 的 官方 网 址 是 http://open.weixin.qq.com。 


微 信 智 能 开放 平台 目前 包括 语音 开放 和 平台 和 图 像 开 放 平 台 。 语 音 开 放 平 台 目 前 已 开放 的 有 通用 语音 识别 、 词 表 识 别 、 语 法 识别 、 语 音 合成 等 语音 技术 。 微 信 图 像 开 放 平台 致力 于 为 第 三 方 应 用 提供 免费 
的 图 像 识 别 技术 和 服务 。 智 能 开放 平台 的 地 址 为 http://pr.weixin.qq.com/。 


1.2 ” 微 信 公众 平台 的 注册 


要 使 用 微 信 公众 平台 ， 需 要 先 注册 一 个 微 信 公 众 平台 账号 。 


在 浏览 器 中 输入 微 信 公 众 平台 的 官方 网 站 ， 网 站 地 址 为 https://mp.weixin.qq.com/， 进 入 如 图 1-2 所 示 的 界面 。 


竺 一 次 使 用 公众 平台 ? 立即 注册 


卡 疆 术 悄 助手 全 国 升 级 四 微 信 卡 券 功能 支持 关键 词 自动 刁 复 .和 全 图 立 窒 入 ..， 音 有 有 风光 





图 1-2 ” 微 信 公众 平台 首页 


可 以 看 到 右上 角 有 “第 一 次 使 用 公众 平台 ? 立即 注册 ”字样 ， 点 击 “ 立 即 注册 ”链接 ， 进 入 注册 页 面 ， 如 图 1-3 所 示 。 


本 每 个 邮箱 仅 能 申请 一 种 帐号 ; 服务 号 、 订 阅 号 或 企业 号 已 有 租 信 公众 帐号 ? 立 姑 和 登 示 


扫 字 或 者 英文 符号 ,最短 6 





图 1-3 ”基本 信息 界面 


在 基本 信息 界面 中 填写 邮箱 、 密 码 、 验 证 码 ， 并 义 选 同意 并 遵守 相关 协议 ， 然 后 点 击 “ 注 册 ” 按 钮 。 将 进入 邮箱 激活 界面 ， 如 图 1-4 所 示 。 


你 的 注册 邮箱 : 15 装 训 用 向 @qq.com。 请 才 入 


六 有 了 收 惠 邮件 ? 


1、 请 检查 邮箱 地 址 是 否 正确 ,你 可 以 返回 重新 
2、 检 查 你 的 邮件 垃圾 箱 
3、 若 仍 未 收 到 | 确认， 请 尝试 重新 发 送 





图 1-4 邮箱 激活 界面 


同时 注册 用 的 邮箱 中 将 收 到 激活 微 信 公众 平 台 账 号 的 确认 邮件 ， 如 图 1-5 所 示 。 


六 话 你 的 茂 依 全 从 千 各 帐 地 oh 





正和 件 沁 : 蕊 信和 团队 <Weminteam 灶 99.1 a 
时 间 :.2014 活 6 有 1 sl 是 期 三 ) 上 午 10; : 
| 必 考 人 量 寺 a 的 


讶 由 准 此 标志 ，， 搬 有 此 标 才 的 才 十 深 目 香 仙 和 司 的 系 扫 凤 件 。 


你 于 | 


司 几 你 往 册 侵 信 汉人 座 千 台 。 
你 的 登录 邮箱 为 ，153 如 于 四 gg.com。 请 点 击 以 下 链接 流 活 帐号 : 


https:/ /mp .wemwimn.gg.comcol-bin/actrrateemall?emall=NMT UDONTc3NDlk1 


NEBxcSSb20%3DBtickeat=0c6c75d9 14462d78741d34cifbrb48673c1 








ba 


测 未 以 上 话 接 无 司 避 而 ， 请 将 上 图 的 地 址 统制 到 你 的 刘 克 如 { 人 9 正 ) 的 地 址 芒 进 六 合 
信人 必 仿 平定 。 【该 链 拒 侍 48 小 时 内 有 癌 ，48 小 时 后 裔 本 重 条 往 册 ， 


Claire Wang 


襄 ' 言 于 品尝 型 
clairel1023 鲁 gg.com 





图 1-5 激活 邮件 


点 击 邮箱 中 的 链接 成 功 激活 账号 之 后 ， 注 册页 面 自动 跳 转 到 信息 登记 界面 。 在 界面 中 要 求 选择 相应 的 运营 主体 是 组 织 还 是 个 人 ， 其 中 组 织 类 型 又 细 分 为 政府 、 媒 体 、 企 业 、 其 他 组 织 等 。 根 据 运营 主体 
的 不 同 ， 要 求 提供 不 同 的 资质 材料 及 证 明 ， 如 图 1-6 所 示 。 


1, 王 本 停电 2 邮箱 荔 辣 3 仿 昌 登记 





用 户 信息 登 ic 


怕人 信 人 汉 改 干 吾 区 力 于 打 信 训 襟 .合法 . 有 式 Hyal 挫 /十 富 ， 下 市, 有 
癌 作 伙伴 探 手 并 进 . 建立 和 纤 护 慰 性 互动 ，、 健 记 识 的 平台 入 忆 。 为 了 理 好 的 保障 你 和 
利 瘟 . 衣 你 以 真是 与 以 下 登记 信和 时 。 点 去 吾 在 委 信 和 佟 丰 于 基 信息 登记 说 时 。 


用 户 信息 登记 后 你 可 以. 
1 使 用 沿 信 公众 平台 的 所 有 功能 

2. 提高 帐号 可 信任 让 

请 中 认 你 的 淮 信 和 你 三 马 层 于 政府 、 姓 体 、 企 业 ， 长 他 坛 如 或 个 人 ， 并 请 核 赤 对 应 的 活 别 ht 行 信息 全 记 











巡 体 | 企业 责 价 组 所 


政府 包括 ， 国内 外 将 颂 ， 各 类 政府 村 构 ， 事 业 单 条 ， 有 有 行 中 职 兹 知 社 会 组 如 等 。 
目 本 主星 朋 二 如 安 机 构 ， 完 国 村 本 去 的， 世 珀 机 构 . 不 苦 机 构 工 疝 横 务 机 构 . 市 
Bley. att es, 


政府 信息 全 ”请 下 莹 政 计 后 时 全 记 过 按 要求 植 写 玉 焕 后 ,上传 加 蘑 汉 硬 的 9 名 忻 
记 雪 机 持 jpg Jpeg .bmp 日 和 格式 昭 片 ， 二 中 不 超过 2M 


还 绎 立 件 


运 半 者 生 二 


图 1-6 信息 登记 界面 
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类 型 可 以 选择 订阅 号 和 服务 号 ， 如 图 1-7 所 示 。 


5 如 本 号 伎 旦 


请 迁 拌 雪 创 建 的 必 信 三 类型 
运营 主导 为 组 织 ， 吕 凡人 亨 尘 订 辣 作 座 号 相 甩 各 全 座 与 ， 


订阅 三 
车 芷 业 友 组织 己 供 更 二 大 的 业务 用 过 为 操 体 和 个 作 捏 攻 一 种 新 的 信息 传 描 


与 用 户 舍 境 朋 为 ， 攻 助 让 业 快 速 实 其 方式 ， 构 建 与 读者 之 问 中 好 的 机 项 与 


了 艇 详情 了 艇 证 情 





图 1-7 选择 类 型 界面 
企业 和 | 组织 一 般 选 择 服务 号 。 媒 体 及 个 人 一 般 选 择 订阅 号 。 


服务 号 的 特征 是 : 通过 微 信 认证 后 每 月 可 群发 四 条 信息 给 粉丝 ;群发 的 消息 将 显示 在 聊天 列表 ;下 发 消息 即时 通知 粉丝 ; 默认 可 以 自动 获得 自 定义 菜单 资格 ; 可 以 申请 微 信 认证 获得 高 级 接口 权限 。 服 
务 号 旨 在 为 用 户 提供 服务 。 订 阅 号 的 特征 是 : 每 天 可 以 群发 一 条 消息 给 粉丝 ;群发 的 消息 被 折 革 至 订阅 号 文件 夹 中 ;群发 的 消息 不 会 在 用 户 界 面 中 看 到 提示 ;通过 微 信 认 证 后 才 可 申请 自 定义 菜单 。 订 阅 号 
主要 用 于 提供 信息 和 资讯 。 如 果 是 企业 、 组 织 等 类 型 ， 推 荐 选择 服务 号 。 如 果 是 媒体 等 类 型 ， 建 议 选 择 订 阅 号 。 


选择 好 类 型 后 ， 上 点击“ 继续 ”按钮 ， 弹 出 公众 号 信息 界面 ， 如 图 1-8 所 示 。 


,用 和 牢 副 十 


帐号 名 称 | 方 售 工 作 室 ER 
人 深 寻 码 查 找 。 ”详细 资料 


| 一 上 时 一 


。 微 信 公 众 号 小 助手 ， 
功能 介绍 | 移动 互联 网 综合 解决 方案 捏 供 商 (> 


只 能 介绍 ”关注 微 信 官员 号 小 助手 ,即时 收 
职 微 信和 言 号 间 是 育 钢 ,抢先 知晓 
言 号 平台 新 服务 . 


以 上 信息 捏 交 后 ， 我 们 会 在 7 个 工作 日 内 进行 审核 ， 
通过 审核 前 ， 你 无 法 申请 认证 ， 也 无 法 使 用 公众 平台 群发 功 能 和 高 级 功能 ， 





图 1-8 公众 号 信息 界面 


填写 好 信息 之 后 ， 点 击 “ 完 成 ”按钮 ， 将 提示 成 功 创建 公众 账号 ， 如 图 1-9 所 示 。 


祝贺 你 ! 你 已 经 成 功 创建 一 个 公众 帐号 ， 

你 于 2014 年 06 月 11 日 功 提交 信息 登记 . 

目 冰 进入 审核 四 | 委 【 审 校 时 间 为 7 个 作 昌 】， 审 慷 盾 h 征 会 三 2014 年 06 月 20 吕 过 
成 【如 退 节 假日 顺和 让 ) ， 期 间 无 法 使 用 公众 平台 的 群发 功能 和 高 仅 功 能 ， 





图 1-9 注册 成 功 界 面 


点 击 “ 前 往 微 信 公 众 平台 ”按钮 将 进入 账号 信息 界面 。 在 “设置 ”- “公众 号 设置 ”中 可 以 查看 账号 的 基本 信息 ， 如 图 1-10 所 示 。 


方 售 工 作 室 


修改 头像 


站 中 (一 个 月 内 只 能 申请 修改 一 次 ) 


Be mail.com 修改 
[一 个 月 内 只 能 申请 修改 一 次 ) 


gh_204936aea56d 


pondBaystudio 


申请 微 信 认 证 





图 1-10 ”公众 号 设置 界面 


1.3 ”短信 公众 平台 的 使 用 


登录 微 信 公 众 平台 后 台 以 后 ， 可 以 看 到 导航 菜单 、 公 众 账 号 类 型 及 名 称 等 基本 信息 ， 如 图 1-11 所 示 。 


p (0: 


[Es 


系统 公告 


. 微 信 支 付 由 请 指引 加 







































































2014-03-04 
“公信 平台 开发 接口 PHP SOK 更新， 解决 有 时 无 法 接收 用 户 消 和 衣 的 问题 廿 2014-03-04 


= 人 沽 信 尾 喜 干 台 2014.02.28 外 新 剖 明 男 2014-02-28 





图 1-11 微 信 公 众 平 台 后 合 


下 面 以 微 信 公众 账号 “ 方 倍 工作 室 ” 为 主要 例子 ,介绍 微 信 公众 平台 的 各 项 菜单 及 使 用 。 


1. 群 发 功能 
群发 功能 是 微 信 公 众 平台 最 常用 、 最 重要 的 功能 之 一 。 
根据 需要 ， 运 营 人 员 填 写 文 字 (或 图 片 /语音 /视频 /图 文 等 ， 需 要 先 上 传 素材 ) 内 容 后 ， 选 择 群 故 对象、 性别 、 群 发 地 区 后 即 可 发 送 。 获 得 微 信 支付 权限 的 公众 账号 还 能 群发 商品 信息 。 


群发 功能 界面 如 图 1-12 所 示 。 


群发 消息 规则 说 明 


加 还 可 以 输入 600 字 


性 仿 天 评 磊 大 发 1 条 消 息 妊 定 腾 围 赏 情 后 ， 可 以 同步 群发 习 | 笛 情 ， 现 在 部 定 





图 1-12 新建 群 发 消息 


在 “已 发 送 ”页 面 中 ， 可 以 看 到 已 经 群发 的 消息 ， 如 图 1-13 所 示 。 


,为何 配 。 ”发送 成 功 


TT 


[Ta 
人 ,大 者 原 写 来 北上 三条 拼 ， 柄 
使 过 得 异 党 请 苦 ， 运 元 闲人， 仍 希 





图 1-13 已 发 送 的 群发 消息 
2. 自 动 回复 
在 自动 回复 下 ， 可 以 设置 三 种 类 型 的 自动 回复 。 
* 被 添加 自动 回复 : 当 微 信用 户 关 注 你 的 微 信 公众 账号 时 自动 推送 的 一 条 消息 ， 支 持 文字 、 图 片 、 语 音 、 视 频 等 类 型 。 
. 消息 自动 回复 : 当 微 信用 户 发 送 消息 给 公众 账号 时 ， 若 未 设置 关键 字 自动 回复 或 匹配 不 到 相关 的 关键 字 ， 系 统 会 自动 推送 该 消息 给 粉丝 。 该 类 型 信息 1 个 小 时 内 回复 1~2 条 。 


: 关键 字 自 动 回复 : 如 果 用 户 发 送 的 消息 内 有 已 设置 的 关键 字 即 可 把 设置 在 此 规则 名 中 回复 的 内 容 自 动 发 送 给 用 户 。 图 1-14 展 示 了 关键 字 自 动 回复 的 设置 方法 。 





收 起 


回复 





文字 [图 片 力主 音 国 4 视 湛 [本 图 广 


深圳 市 南山 区 局 新 南 一 道 飞 炎 达 科技 大 厦 


玄 字 fi、 图片 上)、 语音 镍 、 视 江 (0 中、 图 交 (0) 





图 1-14 ”关键 字 自 动 回复 


通过 设置 上 面 三 种 类 型 的 自动 回复 ， 可 以 完成 一 个 全 面 的 微 信 公 众 账 号 的 内 容 回 复 。 图 1-15 依 次 展示 了 三 种 自动 回复 的 内 容 。 





你 们 地 址 在 哪 》. 





深圳 市 南山 区 高 新 南 一 道 











谢谢 ， 3) 


这 是 目 动 回复 衣 恕 















图 1-15 ”三 种 自动 回复 消息 展示 


3. 自 定义 菜单 


拥有 自 定义 菜单 权限 的 账号 也 可 以 创建 自 定义 菜单 。 最 多 可 以 创建 3 个 一 级 菜单 ， 每 个 一 级 菜单 下 最 多 可 创建 5 个 二 级 菜单 。 每 个 菜单 创建 后 需要 为 其 设置 响应 动作 。 响 应 动作 包括 发 送信 息 或 跳 转 到 网 
页 。 其 中 信息 包括 文字 /图 片 /语音 /视频 /图 文 信息 。 图 1-16 展 示 了 自 定 义 菜单 设置 及 其 中 一 个 子 菜单 回复 图 文 消息 的 设置 。 


”基于 我 们 
”公司 简介 : 
” 社会 支 任 形 文字 乓 图 片 埠 语音 国 4 视频 辐 广 消 咎 
”联系 我 们 

”产品 乳 务 


订阅 着 点 击 以 子 菜单 会 收 到 以 下 消 目 





图 1-16” 自 定义 菜单 设置 


自 定 义 菜单 发 布 后， 效果 如 图 1-17 所 示 。 





图 1-17 自 定义 菜单 效果 


4. 其 他 功能 


其 他 功能 还 有 微 信 小 店 、 多 客服 、 模 板 消 息 、 卡 券 功能 、 门 店 管理 、 设 备 功 能 等 。 运 营 者 可 以 通过 添加 功能 插件 将 其 加 入 功能 列表 中 ， 而 微 信和 官方 也 在 不 断 推 出 新 的 功能 插件 供 公 众 账 号 使 用 。 图 1-18 


是 微 信 小 店 的 图 示 。 


功能 小 店 
群 点 功能 
自动 回复 
自 定义 茜 单 


微 信 小 店 | We 5 中 0 


小 店 概况 。 床 加 商品 。 ”商品 管理 。 货架 管理 订单 管理 运费 模板 管理 ”图片 库 


多 音 馈 待 点 负 林 单 待 处 各 绯 羽 / 侧 称 单 娄 


模板 消息 
门店 管理 mo 


, a 1] 单 汉 We ze 吕 浏 览 量 信和 革 浏览 县 
站 添加 功能 掺 性 nL | ! 9 [eee 了 商品 刘 览 量 Lr 量 


十 | 
图 1-18 ” 微 信 小 店 


1.3.2 ” 微 信 文 付 





小 店 访问 人 数 
1 


微 信 支付 (商户 功能 ) 是 微 信 公 众 平台 向 有 出 售 物品 需求 的 公众 账号 提供 推广 销售 、 支 付 收 款 、 经 营 分 析 的 整套 解决 方案 。 商 户 通过 自 定 义 菜单 、 关 键 字 回复 等 方式 向 订阅 用 户 推 送 商 品 消息 ， 用 户 可 
在 微 信 公 众 账号 中 完成 选 购 与 支付 的 流程 。 商 户 也 可 以 把 商品 网 页 生成 二 维 码 ， 张 贴 在 线 下 的 场景 ， 如 车 站 和 广告 海报 。 用 户 扫 描 后 可 打开 商品 详情 ， 在 微 信 中 直接 购买 。 微 信 支 付 的 后 台 界面 如 图 1-19 所 


入 
Ea 


8 功能 
群发 功能 
自动 回复 
自 定义 菜单 
短信 小 店 昨天 最 近 7 天 最 达 30 天 2014-11-15 至 2014-11-21 > 


订单 流水 。 ”商户 信息 。 开发 配置 。 。 维 权 仲 裁 ”使 用 教程 。 ”支付 申请 


窗 客 服 成 交 人 金额 数据 仅 供 和 参考 ， 详 情 博 登录 微 信 商户 平台 查看 ， 


模板 消息 


卡 券 功能 
门店 管理 四 


十 添加 功能 插件 


图 1-19 ” 微 信 支付 的 后 台 


1.3.3 ”管理 


1. 消 息 管 理 





在 消息 管理 中 ， 可 以 查看 全 部 消息 (最 近 5 天 的 消息 ) ， 也 可 以 查看 今天 、 上 昨天、 前 天 、 更 早 以 及 星 标的 消息 内 容 ， 另 外 还 可 以 对 消息 内 容 进行 搜索 。 将 鼠标 光标 移动 到 某 条 消息 上 ， 可 以 对 其 进行 快捷 


回复 ， 还 可 以 点 击 星 标 收 藏 该 消息 ， 收 藏 后 的 消息 在 后 台 永 久保 存 ， 如 图 1-20 所 示 。 


全 部 党 垦 今天 昨天 前 天 更 时 
全 部 消息 (只 保存 最 这 5 天 的 消息 ) | 隐藏 关键 词 消息 


信 # 
E357998051106320 





图 1-20 消息 管理 
2. 用 户 管理 


在 用 户 管理 中 ， 可 以 实现 新 建 用 户 分 组 、 移 动用 户 至 指定 分 组 以 及 修改 用 户 备注 等 操作 ， 如 图 1-21 所 示 。 将 鼠标 光标 移 至 用 户头 像 上 可 以 查看 用 户 性 别 、 地 区 、 签 名 等 信息 。 另 外 ， 被 移 至 黑 名单 的 用 
户 将 不 能 获得 任何 回复 。 


全 部 用 户 (8865) 
未 分 组 [8851) 
星 标 组 [6) 
训 试 组 /8) 


备注 名 : 十 新 建 分 组 
地 区 : 中 国 山西 冒 中 |L_ < 


答 安 雪 名 单 [站 


< 分 组 : [未 9 组 国 





图 1-21 用 户 管理 
3. 素 材 管理 


在 素材 管理 中 保存 了 用 户 新 建 的 图 文 消息 、 图 片 、 语 音 及 视频 信息 。 这 些 信息 可 以 用 于 自动 回复 ， 也 能 用 于 群发 功能 ， 如 图 1-22 所 示 。 
图 文 消息 图 片 襄 音 


图 文 消息 列表 ( 共 18 个 ) 


新 年 鸡 光 第 一 侯 : 年 注 人 与 给 年 注 人 的 匡 
旦 号 四 11:17 


育 井 高 区， 为何 仍 要 打拼 北上 广 深 ? 
旦 期 四 21:01 


戈 是 年 径 人 ， 我 们 部 是 年 竹 人 z 竣 有 人 了 敢 谨 自己 
一 十 正 确 、 以 下 和 朋 是 东 哥 的 允 动 ， 自 己 的 一 点 点 
息 法 感 和 能 ， 新 年 的 电 商 交 时. 





图 1-22 ”素材 管理 


图 文 消息 包括 单 图 文 消息 以 及 多 图 文 消息 。 图 文 消息 包括 以 下 几 个 部 分 : 标题 、 封 面 图 片 、 作 者 ( 选 填 ) 、 摘 要 ( 仪 单 图 文 消 息 ) 、 正 文 、 原 文 链接 ( 选 填 ) ， 如 图 1-23 所 示 。 其 中 多 图 文 消 息 最 多 包 
含 8 条 图 文 消息 。 而 在 开发 模式 下 ， 多 图 文 消 息 最 多 可 以 包含 10 条 图 文 消息 。 


I 


图 忒 沪 局 图 刻 证 音 视频 


4 


5 区 起 的 后 共同 庆生 1 
2013-09.35 31-23631 订 岂 


中 全 宁国 证 生 记 





2014 年 1 月 20 日 和 一天， 在 广州， 一 个 
re HEF. 2011 和 证 10 月 19 ， 
小 站 的 一 Re 上 个 中 臣 称 动 日 
FRI "居住 ”, 主 叶 本 六 误 广 FR 的 大全 本 小 
其 ,时 任 胶 污 广 州 研 发 部 总 经理 . 





2010 年 11 月 20 悍 宗 一 下 ,在 三 州 ,一 TP-5e 小 
泪 正式 看 洼 ，201i 人 年 0 月 1 昌 9. 这 个 严 品 小 四 和 的 一 误 产 
下 这 上 了 中 到 移动 日 聊 网 同时 间 让 | 愉 滩 忻 帮 一 折 性 
置 。 这 或 产品 中 “入 信 ”， 主 导 了 这 款 产 品 的 人 是 张 小 
东 ， 时 尾 腾 币 广 州 研 败 部 总 寺 理 ， 


正文 自动 保存 : 2014/02/10 09:57:40 


BU 三 : :三 + 夯 沪 A: 由 -图 走访 


唱 小 环 且 要 二 站 六 由 省 过 性 加 ,上 尾 加 时 不 志 示 网 
鼎 自 由 ， 悼 案 品 未 琶 身 自己 。17 年 与; 测 头 高 一 
开 式 入 管 拜 部 门 拆 年 各 涉 以 排污 者 深 这 重新 四 到 
蝶 信 业 记 对。 二 | 司 ， 已 生 图 盾 碟 Foxmall 而 #0: 客 


图 1-23 ”图 文 消息 


1.3.4 推广 


微 信 公众 平台 推广 功能 是 微 信 公众 平 台 官 方 唯一 的 广告 系统 ， 公 众 账 号 运营 者 通过 广告 主 功能 可 向 不 同性 别 、 年 龄 、 地 区 的 微 信用 户 精准 推广 自己 的 服务 ， 获 得 潜在 用 户 ， 也 可 通过 流量 主 功 能 自愿 将 
公众 账号 内 指定 位 置 分 享 给 广告 主 作 广 告 展 示 ， 按 月 获得 收入 。 广 告 主 功能 如 图 1-24 所 示 。 


三 音 主 帮助 式 相 二 


广告 主 
理 节 申请 
调 校 失败 主 党 行业 与 经 言 范围 不 符 于 新 巾 请 


若 对 审核 靖 果 有 异议 ， 请 上 最 件 联 对 wztuiguang 名 ggqcom , 查看 坡 件 示例 ， 


司 功能 刘 第 
广告 主 可 定向 投放 广告 , 精准 排 广 自己 的 服务 。 广 告 可 获得 每 日 亿 级 展示 ， 按 训 击 村 谣 ， 效果 可 紧 县 成 本 9 控 ， 





图 1-24 ”广告 主 


1.3.5 ”统计 
1. 用 户 分 析 


用 户 分 析 主 要 分 为 用 户 增长 和 用 户 属性 两 大 模块 。 用 户 增长 模块 按 日 、 周 、 月 显示 新 关注 人 数 、 取 消 关注 人 数 、 净 增 关 注 人 数 、 累 积 关注 人 数 等 几 项 指标 ， 如 图 1-25 所 示 。 用 户 属性 模块 中 ， 可 以 根据 
性 别 、 省 份 、 城 市 、 语 言 查看 分 布 情况 。 











数据 由 腾讯 移动 分 析 提供 


0 


取消 关注 人 又 | 潮 办 积 美 注 人 人数 
18 ) 8.815 
目 二 5.836 目 #606 目 00.5% 
周 省 136.85% 加 旧 1,206 周 和 痢 币 ,308 
I 各 导 | , 丰 呈 5 局 击 了 ,856 同 省 了 5 ,89 和 








图 1-25 ”用户 分 析 


2. 图 文 分 析 


图 文 分 析 主 要 分 为 图 文 群发 和 图 文 统计 两 大 模块 。 图 文 群发 模块 可 以 查看 每 篇 图 文 消息 的 送 达 人 数 、 图 文 页 阅读 人 数 /次 数 / 图 文 转化 率 、 原 文 页 阅读 人 数 /次 数 / 原 文 转化 率 、 分 享 转发 人 数 / 次 数 ， 如 图 
1-26 所 示 。 而 图 文 统计 模块 中 ， 可 以 根据 周期 (日 或 小 时 ) 查看 图 文 页 阅读 、 原 文 页 阅读 、 分 享 转发 等 指标 情况 。 


数据 由 腾讯 称 动 分 析 提供 


数据 详解 ， 医 交 对 比 


国文 直送 时 闻 ;| 2014-01-10 至 2014-02-08 = 排序 : | 性 训 时间 || 音 序 "| | 总 技 标 是 控 索 


育 井 圳 多 ， 为 何 仍 要 打拼 北上 三 深 ? 加 入 国文 对 比 


二 -7 玉 志 -三 -大 


原 康 而 说 寺 分 齐 转发 


Jl 





图 1-26 图 文 分 析 
3. 消 息 分 析 


在 消息 分 析 中 ， 可 以 根据 周期 (日 或 小 时 ) 查看 消息 友 送 人 数 、 消 息 发 送 次 数 、 人 均 发 送 次 数 等 指标 的 情况 ， 如 图 1-27 所 示 。 


消息 分 析 


消息 发 送 日 报 * 


昨日 关键 指标 
195 
日 #40,796 


周 和 音 25,896 
同 闪 54.696 


图 1-27 消息 分 析 


4. 接 口 分 析 


使 用 开发 模式 的 公众 账号 ， 可 以 根据 周期 (日 或 小 时 ) 查看 调用 次 数 、 失 败 率 、 平 均 耗 时 、 最 大 耗 时 等 指标 的 情况 ， 如 图 1-28 所 示 。 


接口 分 析 日报 v 


昨日 关键 指标 


机 用 次 数 去 败 率 
263 3.8% 
目 。 各 生生 


同 和 首 25.830 
同 和 51.336 


平均 耗 时 [ 军 秒 ] 
585.05 
日 和 48,696 日 和 36,436 
加 村 号 ao 加 事 叶 ,Se 


同 者 工 站 9 和 同 省 17.836 





图 1-28 接口 分 析 


13.6 放 和 直 


1. 账 号 信息 


账号 信息 页 面 显 示 了 公众 账号 的 头像 、 名 称 、 登 录 邮 箱 、 原 始 ID、 微 信号 、 隐 私 设置 、 类 型 、 认 证 情况 、 地 区 、 功 能 介 


数 握 由 腾讯 移动 分 析 提供 


从 均 发 送 识 壮 
2.6 


日 各 18.396 
周 “时 35.296 
同事 26.656 


数 握 由 腾讯 移 


(全 





动 分 析 提供 


最 大 未 时 [ 训 种 ) 
3,802 


目 。 蝇 筷 ,要 56 
岗 事 了 .Jo 
同 着 工 也 ,29 各 


能 介绍 、 腾 讯 微 博 、 二 维 码 、 图 片 水 印 等 信息 。 图 1-29 显 示 了 账号 的 部 分 信息 。 





图 1-29 ”账号 信息 


收 改 头像 
(一 个 月 内 只 能 申请 修改 一 次 ) 


二 维 码 是 用 户 关 注 公 众 账 号 的 一 个 重要 入 口 。 也 是 企业 在 微 信 公 人 雁 平台 上 对 外 进行 传播 推广 时 的 一 张 重要 名 片 。 微 信 公 众 平台 提供 5 种 不 同 尺 寸 的 二 维 码 供 运 营 者 下 载 。 方 倍 工作 室 的 二 维 码 图 片 如 图 1- 


30 所 示 。 读 者 可 以 使 用 微 信 的 “ 扫 一 扫 ” 功 能 ， 扫 描 二 维 码 关 注 我 们 。 








图 1-30 ”二 维 码 


2. 微 信 认 证 


通过 微 信 认证 的 账号 ， 可 以 看 到 微 信 认 证 的 日 期 及 已 获得 的 权限 列表 ， 如 图 1-31 所 示 。 


微 信 认证 


二 微 信 认证 
2014 年 10 月 28 日 认证 成 功 。 年 审 时 间 : 2015 年 10 月 11 日 至 2016 年 1 月 11 日 


息 已 获得 权限 


点 谤 的 语 育 ， 将 会 后 时 输出 语 畜 识别 出 的 文本 和 内容， 


| ,公众 号 可 以 在 用 户 发 送 过 消息 的 48 小 时 内 ， 向 用 户 回复 消息 


通过 网 页 授权 接口 ， 公众 号 可 以 请 求 用户 援 权 ， 


过 该 接口 ,公众 号 可 以 葡 得 一 系列 携带 不 同 参 数 的 二 维 码 , 在 
tn 


通过 该 接口 ， 公 众 号 能 名 获得 用 户 进入 公众 号 会 话 时 的 地 理 位 置 ( 需要 用 户 同意 ) ， 
0 


十 过 庐 接口 ,公众 号 可 以 根据 加 密 后 的 用 户 
判 、， 所 在 城市 、 语 言 和 浇注 时 间 ， 


黄 过 潜 接 [， 公众 写 DjL 续 有 陪 所 有 关注 者 的 OpenID， 
或 创建 、 修 改 分 组 。 
上 传 卜 载 多 媒体 立 件 《” 远 过 访 接 口 ， 公 就 三 品 以 在 启 志 时 在 仙人 信 请 务 茧 上 传 卜 袁 多 媒体 文件 。 


图 1-31 微 信 认证 


3. 公 众 号 助手 


公众 号 助手 可 以 用 来 代 蔡 公众 平台 群发 信息 ， 并 可 随时 查看 消息 群发 状态 。 运 曹 者 可 以 填写 个 人 微 信 号 来 绑 定 ， 绑 定 后 个 人 微 信号 将 自动 天 注 公 众 号 助手 。 
群发 给 所 有 关注 公众 账号 的 用 户 。 公 众 号 助手 绑 定 界面 如 图 1-32 所 示 。 


在 手机 上 使 用 群 点 功能 


填写 个 人 微 信号 来 确认 娜 定 ， 姓 定 后 自动 关注 公众 号 动手. 
向 公众 号 助手 发 送 的 内 容 ， 系统 自动 群发 冶 所 有 用 户 . 


| ”革职 验证 码 








如 何 找到 自己 航向 信号 ? 


图 1-32 ”公众 号 助手 


4. 安 全 中 心 


在 安全 中 心中 可 以 开启 手机 保护 功能 ， 开 通 手 机 保护 后 ， 登 录 时 需要 输入 手机 验证 码 进 行 验证 后 才 可 正常 登录 。 启 用 手机 保护 设置 如 图 1-33 所 示 。 


penlD 来 获取 用 户 基 本 信息 








, 和 包括 上 昵 称 、 头 像 。 性 


以 后 向 公众 号 助手 发 送 的 内 容 ， 系 统 将 自动 


如 何 设置 微 信 公 众 号 手机 助手 


手机 保护 (免费 | 

开启 手机 保护 , 随时 荫 地 保科 登 录 安 全 ， 村 护 帐 号 信息 安全 . 

已 旺 定 手机 号 : +86153***ww99( 注册 信息 登记 时 填写 ) 丙 搞 号 码 
全 扩 状态 : 各 未 开启 























特色 功能 

开 表 手机 保护 后 ， 登 录 时 需要 输入 手机 验证 码 进 行 验证 后 才 可 正常 登录 . 
1 简单 高 效 - 一 键 设置 ， 芍 单 快速 

2 动态 安全 窗 友 - 随身 生成 动态 害 树 ， 交 全 元 居 

3. 重 录 人 性 护 - 登 孙 时 间 时 合 业 ， 任 降 标 三 登录 去 全 


常见 问题 

1 如 何 千 上 诺 于 宙 人 全 沪 ? 

2 如 何 更 换 邬 定 的 手机 ? 

3. 手机 已 各 去 进行 验证 如 何 和 解决 ?了 


图 1-33 ”手机 保护 设置 


1.3.7 开发 者 中 心 


开发 者 中 心 提 供 了 开发 者 ID， 其 中 包括 ApplD (应 用 ID) 和 AppSecret (应 用 密 钥 ) ， 这 些 账 号 用 于 高 级 接口 及 微 信 支付 的 开发 。 同 时 也 可 以 配置 服务 器 的 URL (服务 器 地 址 ) 
EncodingAESKey (消息 加 解密 密 钥 ) 及 消息 加 解密 方式 ， 如 图 1-34 所 示 。 


员 PPID( 应 用 ID) gue me 
凸 中 PSecretli 是 这 得 BE™ TTT WTA 了 WTA 


眠 务 矢 隔 吾 [在 启用 ) pr 
局 用 划 训 是 服 务 毅 汪 症 后 ,用户 点 治 汉 众 号 的 消 且 以 册 开 上 寿 者 这 电 的 事件 推送 ， 将 拔 微 信和 转 起 皇 昌 区 URL 中 

URLIR 和 于 如 地 HH httpwdiscuzcomlicormytest.php 

Tokent 伟 详 ] weiin 


EncodingAESKey 当 呈 如 解密 密 名 ) 才 PycdOver3gKPTPZHtDavv6szViHlphsduQoWihuug 
冰 拓 加 租 到 方式 “有明 立 模式 


图 1-34 开发 者 中 心 





、Token ( 令 牌 ) 、 


= 





第 2 草 ” 开 友 环 境 搭建 及 程序 开 友 基础 


在 进行 微 信 公众 平台 接口 程序 开发 之 前 ， 首 先 要 做 的 就 是 搭建 开发 环境 ， 学 习 开 发 并 测试 自己 编写 的 程序 能 否 正 常 运行 。 对 初学 者 来 说 ， 如 果 之 前 没有 开发 基础 ， 还 需要 学 习 一 门 程序 语言 及 数据 库 的 
操作 等 知识 。 


本 章 以 PHP 和 和 MySQL 为 主要 讲解 对 象 ， 介 绍 Windows 下 开发 环境 的 搭建 及 PHP 开 发 和 MySQL 的 基础 知识 。 


2.1 ”本 地 开 友 环境 搭建 


在 Windows 平 台 上 一 般 使 用 WAMP 来 搭建 开发 环境 ,WAMP 是 Windows+Apache+MySQL+PHP 的 首 字 母 缩写 。Apache、PHP、MySQL 本 身 都 是 各 自 独 立 的 程序 ， 但 因为 常 被 放 在 一 起 使 用 ， 由 此 
组 成 了 一 个 强大 的 Web 应 用 程序 平台 ， 经 常用 来 搭建 服务 器 。 常 用 的 WAMP 类 软件 有 WampServer 及 XAMPP 等 ， 本 章 以 WampServer 为 例 。 


安装 WampServer 


WampServer 是 由 法 国人 开发 的 Apache Web 服 务 器 、PHP 解 释 器 以 及 MySQL 数 据 库 的 一 个 整合 软件 包 。 官 方 网 站 是 http://www.wampserver.com/。 安 装 程序 可 以 从 官网 上 下 载 ， 也 可 以 从 国内 其 
他 网 站 搜索 后 进行 下 载 。 


下 载 到 本 地 后 ， 运 行 安装 程序 ， 欢 迎 界面 如 图 2-1 所 示 。 


elup - Wampserver 过 


welcome to the YYampsSermver 2 


\ 8 Setup YYIzard 


WampsServer This wl nstal WmpSaryer 2,2 on wour comrmputer., 


lt Erecommerded that vou decse = other aoplicatiors be ore 
Powered by ra 
Alter Way Click Pet to contiruys, or Cancel bo exit Setup., 
The French 
Den SOUIrce 
SeEFVIce Provider 

http:ihm.alterway.tr 
Bpnacie | 
Hrs0L ; 
PHP . 
PHEMNYAdD1N ; 
JNHlBuddr €C; 
mD ebud 





图 2-1 WampServer 欢 迎 界 面 


上 述 界面 同时 显示 了 该 套件 中 包含 的 Apache、MySQL、PHP 的 版 本 信息 。 现 在 很 多 主流 程序 要 求 PHP 的 版 本 在 5.3 及 以 上 ，MySQL 的 版 本 在 5.0 及 以 上 ， 该 程序 中 PHP 的 版 本 为 5.3.13，MySQL 的 版 本 
为 5.5.24。 


点 击 “Next” 按 钮 ， 进 入 许可 协议 界面 ， 如 图 2-2 所 示 。 


setup - WampServer 2 


License Mgreerment 
Please read the Following important inFormation behore continying. 


Please read the following License Agreement, You must accept the terms of this 
agreement before continying with the installation, 


SNU SENERAL PUBLIC LICENSE 
Wersion zz, JUmE 1991 


copyright (CY 1989, 1991 Free Software Foundation, Ine. 


OT accept the agreement 
3) 1 do not accept the agreement 





图 2-2 许可 协议 


点 击 “| accept the agreement”， 然 后 点 击 “Next” 按 钮 ， 进 入 安装 目录 选择 界面 ， 如 图 2-3 所 示 。 


setup - Wampserver 2 


select Destination Location 
where should Warmp5erwer 2 be installed? 
Cl Setup will install Wampseryer 2 into the Followwing Folder. 


To continue, click Next, IT wou would like to select a ditterent folder, click Browse., 


5; WAarmp| 


At least 238.3 MB of free disk space is required, 


























图 2-3 ”安装 目录 选择 


程序 指定 了 默认 的 安装 路 径 “cNwamp”， 如 果 不 满意 ， 也 可 以 自己 指定 路 径 ， 然 后 点 击 “Next” 按 钮 ， 进 入 选择 附加 任务 界面 ， 如 图 2-4 所 示 。 


setup - WampServer 2 


Select Additional Tasks 
which additional tasks should be performed? 


Select the additional tasks you would lke Setup to perforrm whille installing Wampserver 
2, then click Next, 


bdditional icons: 
[|_| Creates a OUick Launch icon 
| | Create a Desktop icon 





图 2-4 选择 附加 任务 


附加 任务 主要 包括 是 否 创建 桌面 图 标 (Create a Desktop icon) 和 创建 快速 启动 栏 图 标 (Create a Quick Launch icon) ， 可 以 义 选 这 两 个 图 标 ， 然 后 点 击 “Next” 按钮 ， 进 入 “准备 安装 ”界面 ， 
如 图 2-5 所 示 。 


setup - WampServer 2 


Ready to Install 
Setup is now ready to begin installing WampSerwer 2 on vour computer. 


Click Install to continue with the installation, or click Back if ¥ou want to revlew or 
change any settings. 


Destinatian location: 
Ciamp 





图 2-5 ”准备 安装 


点 击 “Install” 按 钮 ， 进 入 安装 进度 界面 ， 如 图 2-6 所 示 。 


setup = WampServer 2 


Installing 
Please wait while Setup installs Wamp3eryer 2Z on vour computer, 


Extracting files，， 
CIwarmptbirapachelapache2 ,2.22errortHTTP NOT_ IMPLEMERNTED. htrml. war 


CETTT TO 





安装 过 程 中 ， 会 弹出 选择 默认 浏览 器 窗口 ， 如 图 2-7 所 示 。 


Please choose your default browser, lf you are not sure, just click Open : 


Look In 


hy Becent 
Documeris 


7 


hy Docurments 
My Computer 


My Network 


DD WINDOWS 


addins 
AppPatch 
Cassermbly 
Config 

DD Connection Wizard 
Cursors 
Debug 

DDriver Cache 
ehome 

Dewdo Local path 
Fonts 

DHelp 

ime 

DD java 
L255chemas 

世 


Fllae name: 


Filas of type: 


DMedia 
DMcrosoft,NET 
msagent 
Dmsapps 
Cm 

DD Network Diagnostic 
Dnview 

DD Options 
pchealth 
DPeerNet 
DPreteteh 
DProvisioning 
Registration 
Drepait 


[JREsSDUFCES 


er— 


图 2-7 选择 默认 浏览 器 


选择 自己 要 使 用 的 浏览 器 ， 然 后 点 击 “Open” 按 钮 。 安 装 程序 弹出 PHP 邮 箱 参数 配置 界面 ， 如 图 2-8 所 示 。 


setupl Wampserver 过 


PHP mall parameters 


securlty 
5HELLNEW 
softwareDlstribution 
srchasst 
syster 
Dsystem32 
CTemp 
twain_32 
WBENM 
品 Web 
Win3xs 
外 bh agrsmdel,exe 
SEE ALCMTR .EE 
Wb ALCWZRD, EXE 
. explorer .exe 


Bue les [ .exel 


站 FixUYyC.,.e 


区 hh.exe 


une002. 


SA MicCal, ex 


翅 NOTEPAL 
辞 regedit.e 
本 RTHDEPL 
一 |]Rtkaudic 
二 1 RTLCPL.E 
Mh RHUpd,e: 
a SKYT ,es 
和 SOUNDCIM 


己 | TASKRIAK 


圆 twunk 


[wunk_ 天 





I PS [me | 
| LL. 
| 本 


Med 


Please specty Fhe SmTP server and the adresse mal ro be sed by FHP whan sing 
che functiorn ma IT voy are not sute, ju leave the delfajl valjes, 


SIT: 
ncalhost 


Ermai: 


OU YoUrdcnmain ] 


图 2-8 ”PHP 邮箱 参数 配置 





可 以 不 填写 参数 ， 直 接 使 用 默认 值 。 点 击 “Next” 按钮 ， 程 序 安装 完成 ， 如 图 2-9 所 示 。 


setup - Warmpyerver 辫 


(FY Completing the WampSsServyer 之 
Wd 


Setup YYIzard 


satup has firished irstallng Wampser rer 2 on voyr comouter. 
The spolcation mar be launchad by salscting tthe mstalad 
ICCPmI5 ， 


WarmpServer 


Powered by 
Alter Way 
The French 
Open SOUrce 
Service Provider 

http:limv .alterway.tr 
hnache 和 
Mr SOL : 5.5.2 了 4 
pHP 5.3.13 
pHPMrANdmin ， 3.5.1 
SNLBUNAH J Tc 
XDEDIIT 中 


Click Finish to exit Setup. 


[| Launch Wamoseryer 2 Now 





图 2-9 ”完成 安装 


如 果 安 装 过 程 中 勾 选 了 创建 桌面 图 标 ， 安 装 完成 后 ， 可 以 在 桌面 上 找到 Wampserver 的 快捷 方式 ， 如 图 2-10 所 示 。 











图 2-10 ”WampServert 图 标 


双击 快捷 方式 ， 运 行 WampServer，WampServer 将 会 在 桌面 下 的 右 下 角 图 标 中 显示 ， 并 且 颜 色 从 红色 变 到 黄色 再 变 到 绿色 ， 当 变 成 绿色 时 ， 表 示 WampServer 启 动 成 功 ， 如 图 2-11 所 示 。 





图 2-11 WampServet 任 务 栏 图 标 


WampServer 启 动 成 功 后 ， 在 浏览 器 中 输入 http://localhost/， 可 以 看 到 WampServer 的 首页 ， 它 显示 了 关于 服务 器 环境 的 一 些 信息 ， 如 图 2-12 所 示 。 


ERER Homecags - 质 痢 高 计 | 训 吕 羡 开户 i 站 件 IF 查理 人 本 啤 窟 i 工具 [天 助 IH “下 


人 3 全 让) 二 | 加 : 闸 | | 加 htp'ocahoso 
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WErsDn 2.2 Yersmorm Francaise 


Server Configuration 
ADpache Yersion : 2.2,22 
PHP Version : 3.3,13 
Loaded Extermsions : 各 Core 二 oTmath 吉 caendar 各 com dotnet 直 chypsa 
址 中 [6 奏 日 [69 着 bf a 埋 上 35 中 
高 COMw 夯 ]s0 春 FTCTYPt 碌 己 HL 身上 dE 
硒 CIE 厅 Refiection 。 霖 S95d9on 得 stmioad 再 msdqnd 
秘 FDOkFEEmzEF 奢 P sl 三 |xTnl 大 口 5m 
击 POO 加 Phaft 斋 SiTDBxHL 者 wddk 页 工 [| 
审 MmlrEader 齐 Hmhwribar 覃 Spache2hmanagnbstrInog 得 加 
三 mms 吕 办 rrwsoli 康 门 Com 二 Pdo sqitE 和 mhadn 
亏 deb 器 
MiySOL Version : .52d 


Tools 
# phpinfor) 
Pz phpmyadmin 


于 DO 0 ms 





图 2-12 WampServet 启 动 后 的 首页 


在 浏览 器 中 输入 http://localhost/phpMyAdmin/， 可 以 进入 phpMyAdmin 页 面 。 phpMyAdmin 是 一 个 用 PHP 编 写 的 软件 工具 ， 可 以 通过 Web 方 式 控 制 和 操作 MySQL 数 据 库 。 通 过 phpMyAdmin 可 
以 完全 对 数据 库 进 行 操作 ， 例 如 建立 、 复 制 和 删除 数据 等 。 图 2-13 是 登录 phpMyAdmin 后 的 界面 。 
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图 2-13 ” phpMyAdmin 界面 


性 良 置 疑 ， 开 发 人 员 需 要 一 个 功能 强大 的 IDE (Integrated Development Environment， 集 成 开发 环境 ) 。 目 前 有 很 多 编辑 器 可 以 供 PHP 开 发 使 用 ， 它 们 各 有 优势 ， 开 发 人 员 可 以 根据 自己 的 需求 及 
使 用 习惯 来 选择 。 


Notepad++ 是 一 套 非常 有 特色 的 自由 软件 的 纯 文字 编辑 器 ， 有 完整 的 中 文化 接口 及 支持 多 国语 言 编写 的 功能 (UTF8 技 术 ) 。 它 的 功能 比 Windows 中 的 Notepad (记事 本 ) 强大 ， 除 了 可 以 用 来 制作 
一 般 的 纯 文字 说 明文 件 ， 也 十 分 适合 当 作 编 写 计 算 机 程序 的 编辑 器 。Notepad+ + 不 仅 有 语法 高 亮度 显示 ， 也 有 语法 折 又 功能， 并 且 支 持 宏 以 及 扩充 基本 功能 的 外 挂 模 组 。Notepad++ 内 置 支持 多 达 27 种 语 
法 高 亮度 显示 (包括 各 种 常见 的 源 代码 、 脚 本 ， 能 够 很 好 地 支持 查看 .nfo 文 件 ) ， 还 支持 自 定义 语言 。 本 书 使 用 的 编辑 器 就 是 Notepad+ +。 它 的 安装 程序 可 以 从 官方 网 站 http://www.notepad-plus- 
plus.org/ 下 载 得 到 。 图 2-14 是 Notepad+ + 的 编辑 界面 。 


则 H:\001 SAE\mascot\1\c000 token\index.php - Notepad++ I 
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图 2-14 ”Notepad 十 十 


除了 Notepad++ 之 外 ， 还 有 UltraEdit、Zend Stdio 等 常用 的 PHP 代 码 编辑 器 。 


2.3 ”程序 开发 基础 


PHP (Hypertext Preprocessor， 超 文本 预 处 理 器 ) 于 1994 年 由 Rasmus Lerdorf 创 建 ， 他 也 被 称 为 “PHP 之 父 ”。PHP 是 一 种 通用 开源 脚本 语言 。 语 法 吸收 了 C 语 言 、Java 和 Per| 的 特点 ， 利 于 学 习 ， 
使 用 广泛 ， 主 要 适用 于 Web 开 发 领域 。PHP 语 言 是 最 受 欢 迎 的 Web 开 发 语言 之 一 ， 也 是 微 信 公 众 平台 开发 使 用 最 广泛 的 语言 。 


SQL 是 结构 化 查询 语言 (Structured Query Language) 的 简称 ， 结 构 化 查询 语言 是 一 种 数据 库 查 询 和 程序 设计 语言 ， 用 于 存 取 数 据 以 及 查询 、 更 新 和 管理 天 系数 据 库 系 统 ; 同时 也 是 数据 库 脚本 文件 
的 扩展 名 。MySQL 是 一 个 开放 源码 的 小 型 天 联 式 数据 库 管 理 系统 ， 开 发 者 为 瑞典 MySQL AB 公 司 。MySQL 被 广泛 地 应 用 于 互联 网 上 的 中 小 型 网 站 中 。 由 于 其 体积 小 、 速 度 快 、 总 体 拥有 成 本 低 ， 尤 其 是 开 
放 源 码 这 一 特点 ， 许 多 中 小 型 网 站 为 了 降低 网 站 总 体 拥有 成 本 而 选择 将 MySQL 作 为 网 站 数据 库 。 


PHP+MySQL 是 目前 最 为 成 就 、 稳 定 、 安 全 的 企业 级 Web 开 发 技术 ， 广 泛 应 用 于 各 大 型 站 点 。 其 成 就 的 架构 、 稳 定 的 性 能 、 赃 入 式 开 发 方式 、 简 洁 的 语法 ， 使 得 能 迅速 开发 系统 。 百 度 网 站 前 端 使 用 的 
就 是 PHP， 你 可 以 在 浏览 器 中 输入 http://www.baidu.com/index.php 打 开 百 度 的 首页 。 


除了 PHP 和 MySQL 之 外 ，HTML、CSS 样 式 表 和 脚本 语言 JavaScript 也 是 Web 开 发 的 基础 ,一般 使 用 HTML 来 设计 Web 页 面 结构 ， 使 用 样式 表 来 控制 Web 页 面 的 显示 效果 ， 使 用 脚本 语言 来 控制 浏览 昌 
的 特效 及 表单 数据 的 验证 ， 掌 握 这 些 有 助 于 开发 者 开发 实现 更 丰富 和 更 强大 的 功能 。 


2.3.1 PHP 语 法 及 使 用 


PHP 的 语法 和 C、C++ 等 语言 的 语法 很 相似 ， 有 C 语 言 基础 的 读者 ， 可 以 非常 轻松 地 掌握 PHP 的 基本 语法 。 由 于 PHP 的 语法 比较 简单 ， 如 果 没 有 任何 语言 基础 ， 也 可 以 快速 地 熟悉 。 
1. 第 一 个 程序 


打开 Notepad+ + 编辑 器 ， 编 写 如 下 代码 。 





<?php 
// 作 者 : 方 倍 
echo "你 好 ， 微 信 ! "; 
?> 


将 上 述 内 容 保 存 为 hello.php， 并 且 存 放 在 wamp 的 web 根 目录 c\wamp\www\ 下 ， 然 后 在 浏览 器 中 输入 http://localhost/hello.php， 将 可 以 看 到 浏览 器 显示 出 “你 好 ， 微 信 ! ”， 如 图 2-15 所 示 。 


幅 


| | lecalhost/hello.php 





图 2-15 第 一 个 程序 


所 有 PHP 的 代码 都 是 以 “<? php” 开 头 , 以 “? >” 结 尾 ，PHP 的 默认 文件 扩展 名 是 “.php”。 “//” 表 示 该 行 是 注释 ， 它 的 作用 是 供 代码 开发 者 阅读 ， 它 不 会 被 程序 执行 ， 代 码 中 的 “作者 : 方 


”没有 在 浏览 器 中 显示 出 来 。echo 是 PHP 的 一 个 语句 ， 它 的 作用 是 将 一 串 字符 显示 出 来 ， 所 以 在 浏览 器 中 我 们 看 到 了 “你 好 ， 微 信 ! ”这 段 内 容 。 


2. 变 量 及 类 型 


变量 是 指 程 序 中 可 以 改变 的 数据 量 ， 变 量 需 有 一 个 名 字 ， 用 来 代表 变量 和 存放 变量 的 值 。PHP 中 使 用 美元 符号 “$” 后 面 跟 变量 名 来 表示 一 个 变量 , 例如 “$result”。PHP 的 变量 主要 有 以 下 类 型 : 整 


父 旺 是 


、 浮 点 型 、 字 符 串 类 型 、 布 尔 类 型 、 数 组 类 型 和 对 象 。 下 面 是 整 型 、 浮 点 型 、 字 符 串 类 型 的 示例 代码 。 


$x = 100; // 整 型 

$y = 100.33; // 浮 点 型 

$Shello ="Hello world!"; // 字 符 串 类 型 
echo S$x; 

echo "<br>"; 

echo S$y; 

echo "<br>"; 

echo S$hello; 

?> 





上 述 代码 在 浏览 器 中 的 运行 效果 如 图 2-16 所 示 。 
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c GC DD localhost/book2/chapter2/2212.php Se 


100 
100.33 
Hello world 





图 2-16 ”变量 
3. 常 量 


在 PHP 中 通过 define () 函数 定义 一 个 常量 。 合 法 的 常量 名 只 能 以 字母 和 下 划 线 开始 ， 后 面 可 以 跟着 任意 字母 、 数 字 或 下 划 线 。 常 量 一 旦 定义 就 不 能 再 修改 或 者 取消 定义 。 定 义 常量 的 示例 代码 如 下 所 


| 


<?php 

define ("TOKEN", "weixin");} 
echo TOKEN; 

?> 





上 述 代码 定义 名 为 TOKEN 的 常量 ， 它 的 值 为 weixin， 在 浏览 器 中 的 运行 效果 如 图 2-17 所 示 。 
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4. 运 算 符 

运算 符 是 指 通过 一 个 或 多 个 表达 式 来 产生 另外 一 个 值 的 某 些 符号 ， 如 “+”、“%”、“.” 等 都 是 运算 符 。 

在 PHP 中 ， 使 用 符号 “=” 表示 赋值 。 它 的 含义 是 将 一 个 值 指定 给 一 个 变量 ， 如 “$a=5” 表 示 将 5 赋 给 变量 $a。 

PHP 的 算术 运算 符 有 加 (+) 、 减 (-) 、 乘 (*) 、 除 (/) 和 取 模 (%) 、 取 反 (-， 即 取 负 值 ) 。 例 如 “$x+$y” 表 示 将 变量 $x 和 变量 $y 的 值 相 加 。 

PHP 有 递增 /递减 运算 符 。 递 增 是 指 对 当前 表达 式 的 值 增加 1， 递 减 正 相 反 ， 对 表达 式 的 值 减 1。 例 如 “++$x” 表 示 $x 加 1 递增 ， 然 后 返回 $X; “$x--” 表 示 先 返回 $x， 然 后 $x 减 1 递减 。 
PHP 的 字符 串 运 算 符 只 有 一 个 ， 即 字符 串 的 连接 运算 符 “.”。 例 如 “$x="Hello"; $x.="weixin!"; ”表示 变量 $x 的 未 尾 再 加 上 字符 串 “weixin”。 这 时 $x 的 值 为 “Hello weixin”。 
PHP 的 逻辑 运算 符 有 与 (and) 、 或 (or) 、 异 或 (xor) 、 与 (&&) 、 或 (省 、 非 (! ) 。 

PHP 的 比较 运算 符 有 等 于 (==) 、 全 等 (===) 、 不 等 于 (! =) 、 不 等 于 (<>) 、 不 全 等 (! ==) 、 大 于 (>) 、 小 于 (<) 、 大 于 或 等 于 (>=) 、 小 于 或 等 于 (<=) 。 
除 此 之 外 ， 还 有 条 件 运 算 符 “expr1? expr2:expr3”， 它 的 计算 规则 是 : 如 果 表 达 式 expr1 的 值 为 TRUE， 那 么 整个 表达 式 的 值 就 取 expr2 的 值 ， 否 则 ， 就 取 expr3 的 值 。 


下 述 示例 代码 是 常用 运算 符 的 示例 : 


y=6; 

echo ($x + $y); // 输出 16 
echo "<pbr>"; 

echo ($x - Sy); // 输出 4 


echo ($x * $y); // 输出 60 
echo ($x / $y); // 输出 1.6666666666667 


echo ($x $ Sy); // 输出 4 
echo "<br>"; 


Sz. *= O03 

echo $z; // 输出 30 

echo "<br>"; 

$x="Hello"™; 

$x .= " weixin!"; 

echo $x; // 输出 Hello weixinl 
echo "<br>"; 

$i=5; 

echo $i--; // 输出 5 

echo "<br>"; 

$a=50; 

$b=90; 

Var dump ($a > $b); 

Smax = ($a>=$pb) ? $a : S$hb; 
echo $max; // 输出 90 

?> 


在 浏览 器 中 的 运行 效果 如 图 2-18 所 示 。 
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图 2-18 
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5 .流程 控制 
PHP 程 序 由 语句 构成 ， 通 常情 况 下 ， 程 序 是 从 第 一 条 语句 开始 执行 ， 按 顺序 执行 到 最 后 一 句 。 但 有 时 因为 某 种 情况 ， 需 要 改变 程序 的 执行 顺序 ， 这 就 需要 对 程序 的 流程 进行 控制 。 


程序 的 执行 方式 有 3 种 : 顺序 执行 、 选 择 执行 、 循 环 执行 ， 通 过 使 用 这 3 种 控制 结构 ， 可 以 改变 程序 的 执行 顺序 ， 以 满足 解决 问题 的 需求 。 顺 序 结构 使 程序 从 第 一 条 语句 开始 ， 按 顺序 执行 到 最 后 一 句 。 
在 选择 结构 中 ， 程 序 可 以 根据 某 个 条 件 是 否 成 立 ， 选 择 执行 不 同 的 语句 。 在 循环 结构 中 ， 可 以 根据 某 种 条 件 和 指定 的 次 数 ， 多 次 执行 某 些 语句 。 


(1) if 语 句 /ifhttp://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15146/OEBPS/Text/...else 语 
句 /ifhttp://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15146/OEBPS/Text/...elseifhttp://www.hzcourse.com/resource/readBook? 
path=/openresources/teach ebook/uncompressed/15146/OEBPS/Text/..http://www.hzcourse.com/resource/readBook? 


path=/openresources/teach ebook/uncompressed/15146/OEBPS/Text/..elsei 语 句 
在 PHP 中 ， 我 们 可 以 使 用 以 下 条 件 语句 : 
` if 语句: 如 果 条 件 为 真 ， 则 执行 代码 。 
. ifhttp://www.hzcourse.com/resource/readBook?path=/openresources/teach_ebook/uncompressed/15146/OEBPS/Text/...else 语 句 : 如 果 条 件 为 tue， 则 执行 代码 ; 如 果 条 件 为 false， 则 执行 另 一 段 代码 。 


:ifhttp://www.hzcoutse.comytesouftce/teadBook?path=/opentesouftces/teach_ebook/uncomptessed/15146/OEBPSVText/...elseifhttp:/ /www.hzcouftse.comy/tesoutce/teadBook? 


path=/openresources/teach_ebook/uncompressed/15146/OEBPS/Text/..http://www.hzcourse.com/resoutce/readBook?path=/openresoutces/teach_ebook/uncompressed/15146/OEBPS/Text/..else 语 句 : 选择 执行 若 
干 段 代码 块 之 一 。 


下 述 代码 是 if 语句 系列 的 使 用 方法 。 





<?php 

S t=date ("H") ; 
if (St<"18") { 
echo "白天 1"; 




















} 

if (St<"18") { 
echo "白天!"; 

} else { 


echo "晚上!"; 





PF-— 


EE (Oeil 
echo "上 午 !1"; 
} elseif (St<"18") { 
echo "下午!1"; 
} else { 


echo "晚上 1"; 











?> 
上 述 代 码 的 含义 解读 如 下 : 
在 if 语句 中 ， 如 果 当 前 时 间 (HOUR) 小 于 18， 则 输出 “白天 ! ” 。 


在 ifhttp://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15146/OEBPS/Text/...else 语 句 中 ， 如 果 当 前 时 间 (HOUR) 小 于 18， 则 输出 “ 白 


天 ! ”， 否 则 输出 “晚上 !“ 


在 ifhttp://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15146/OEBPS/Text/...elseifhttp://www.hzcourse.com/resource/readBook? 


path=/openresources/teach ebook/uncompressed/15146/OEBPS/Text/..http://www.hzcourse.com/resource/readBook? 


path=/openresources/teach ebook/uncompressed/15146/OEBPS/Text/..else 语 句 中 ， 如 果 当 前 时 间 (HOUR) 小 于 12， 则 输出 “上 午 ! ”; 如 果 小 于 18， 则 输出 “下 午 ! ”; 否则 输出 “晚上 ! ”。 


(2) switch 语 句 
switch 语 句 首先 计算 表达 式 expr 的 值 ， 如 果 expr 的 值 与 某 个 case 的 值 匹配 ， 则 从 case 后 面 的 语句 开始 执行 ， 直 到 遇 到 break 语 句 或 整个 switch 语 句 结束 。 


switch 语 句 的 使 用 示例 如 下 。 


<?php 
switch ($x) 
{ 
case 1: 

echo "数字 1"; 
Case 2: 
"数字 2"; 
Case 3: 
"数字 3"; 

break; 
default: 

echo "不 是 1 至 3 之 间 的 数字 "; 


?> 


在 上 述 代 码 中 ， 判 断 变 量 $x 的 值 ， 将 它 和 case 的 值 进 行 比较 ， 如 果 存 在 匹配 ， 则 执行 和 case 关 联 的 代码 ， 如 果 没 有 case 为 真 ， 则 执行 default 中 的 代码 。 
(3) for 循 环 


for 循 环 执行 代码 块 指定 的 次 数 。 下 面 的 例子 显示 了 从 0 到 3 的 数字 : 


<?php 

for ($x=0; S$x<=3; Sx++) { 
echo "数字 是 : $x <br>"; 

} 

2 


它 运行 效果 如 图 2-19 所 示 。 
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数字 三 ， 
妾 于 是 
阁 玫 是 ， 
二 于 让 | 





图 2-19 for 循环 
(4) while 循 环 
while 循 环 在 指定 条 件 为 true 时 执行 代码 块 。 


下 面 的 例子 首先 把 变量 $x 设置 为 1 ($x=1) 。 然 后 执行 while 循 环 ， 只 要 $x 小 于 或 等 于 5。 循 环 每 运行 一 次 ，$x 将 递增 1: 





wh] ee { 
echo "这 个 数字 是 : $x <br>"; 
二 二 2 


它 运行 效果 如 图 2-20 所 示 。 


| | lecalhostibook2/chapter2i22 其 到 


















































图 2-20 ”while 循 环 
6. 数 组 
数组 能 够 在 一 个 变量 名 中 存储 许多 值 ， 并 且 能 够 通过 引用 下 标 来 访问 某 个 值 。 
在 PHP 中 ， 创 建 数组 使 用 array () 函数 。 常 用 的 数组 类 型 有 索引 数组 和 关联 数组 。 


索引 数组 的 索引 是 自动 分 配 的 (索引 从 0 开始 ) 。 以 下 代码 创建 了 一 个 关联 数组 。 





Soffice = array('word', '‘'excel', 'outlook', '‘'access'); 


数组 的 名 称 叫 office， 第 一 个 元 素 的 值 是 word， 第 二 个 元 素 为 excel， 第 三 个 元 素 是 outlook， 第 四 个 元 素 是 access。 


关联 数组 的 创建 方式 为 


array ([key =>]value, http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15146/OEBPS/Text/... )//key 可 以 是 integer 或 者 string; value 可 以 是 任何 值 








以 下 代码 创建 了 一 个 关联 数组 。 


$age=array (" 张 三 "=>"25"， " 李 四 "一 >"270 " 王 五 "=>"33") ; 





它 定义 了 3 个 元 素 , 以 “ 张 三 、“ 李 四 ”、“ 王 五 ”为 键 名 ， 他 们 的 年 龄 为 各 自 的 值 。 
实际 上 ， 索 引 数 组 是 一 种 特殊 的 关联 数组 。 


以 下 代码 演示 了 数组 的 创建 及 遍历 数组 的 方法 。 


<?php 
Soffice = array('word', '‘'excel', 'outlook', 'access'); 
$arrlength=count ($office); 
for ($x=0; $x<$arrlength; $x++) { 
echo S$office[lS$x]; 
echo "<br>"; 
} 
$age=array (" 张 三 "=>"25™, " 李 四 nm 一 >"m27nm " 王 五 "=>"33") ; 
foreach ($age as $key=>$value) { 
echo "Key=" . $key . ", Value=" . $value; 
echo "<br>"; 
} 
?> 











程序 执行 的 效果 如 图 2-21 所 示 。 


| 了] lscalhost/book 2/chapter27. 


© localhost/book? /chapter2/2217.php 


watd 

EXCE] 

autlook 

CE 

Key=E 二 .Yalue=25 
区 ev 一 村 四 . Vahu Vahue=27 
Kevy= 填 十. Value=33 





图 2-21 ”数组 
7. 函 数 
在 程序 设计 中 ， 经 常 将 一 些 常 用 的 功能 模块 编写 成 函数 ， 供 程序 或 其 他 文件 使 用 。 函 数 就 像 一 些小 程序 ， 用 它们 可 以 组 成 更 大 的 程序 。 用 户 定义 的 函数 声明 以 “function” 开 头 。 
这 里 创建 了 名 称 为 “familyName () ”的 函数 。 打 开 的 花 括号 “{” 表 示 函 数 代 码 的 开始 ， 而 关闭 的 花 括号 “}” 表 示 遂 数 的 结束 。 
下 例 中 的 函数 有 两 个 参数 yname 和 $year。 当 调用 familyName () 函数 时 ， 我 们 同时 要 传递 一 个 名 字 (例如 “三 ”) 和 出 生年 (如 1980) ， 这 样 会 输出 姓 相同 ， 但 名 不 同 的 姓名 ， 以 及 出 生年 。 


详细 代码 如 下 所 示 。 


<?php 
function familyName ($name, $year) 1 
echo " 张 $name .出 生 于 $year <br>"; 








} 
famij ] yName (" 三 "， "1980") ; 
fami 洁 yName ("四 "， "1982") ; 
familyName ("五 ", "1985"); 
2 

















上 述 程序 执行 的 效果 如 图 2-22 所 示 。 


四 eh 并 
GG DD localhost/book2/ chapter2/2218 3.php 


其 二 出 毕 于 1980 
东 四 . 出 生 于 1982 
村 卫 .出 生 于 19%3 





图 2-22 ”函数 


2.3.2 ”MySQL 的 使 用 


本 节 演 示 如 何 通过 SQL 语句 及 PHP 程 序 创建 和 使 用 一 个 简单 的 数据 库 表 。 
下 面 是 一 个 名 为 “wx_user” 的 表 ( 见 表 2-1) 。 


表 2-1 wx_uset 表 


bh 


张 三 13412341234 





表 中 含有 四 个 列 (id、openid、username 以 及 mobile) 和 两 个 记录 (每 个 记录 对 应 一 个 人 ) 。 
1. 创 建 数 据 库 表 


下 面 是 建立 一 个 数据 库 表 “wx_user” 的 SQL 脚本 。 








CREATE TABLE IF NOT EXISTS ‘wx user ( 
‘id int(7) NOT NULL AUTO INCREMENT, 
‘openid varchar (30) NOT NULL, 

‘username varchar (20) NOT NULL, 

‘telephone varchar(16) NOT NULL, 

PRIMARY KEY (id ), 

UNIQUE KEY ‘openid ( openid ) 

) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO NCREMENT=1 ， 


























































































































使 用 CREATE TABLE 命 令 创 建 数据 表 。 命 令 中 间 内 容 部 分 是 创建 条 件 ， 分 别 包括 列 名 、 列 的 数据 类 型 及 长 度 、 是 否 允 许 为 空 、 是 否 有 自 增 属性 、 是 否 是 唯一 Key、 是 否 为 主键 等 。 


在 phpMyAdmin 中 的 SQL 运行 框 中 ， 运 行 上 述 代码 后 ， 将 创建 一 个 “wx_user” 的 表 。 如 图 2-23 所 示 。 


六 Name yhe Collation Attnbutes Nuyull Default Extra Action 
器 Int 六 None AUTOQ INGRENMENT «> Change Drop Primary wy Unigue 


2 openid varcharl30) utfa_ c None ,Change @ Drop 2 Primary Yi Unique 


3 USermname varcharl(20) utfa general ci No Nane Change Drop Primary yw Unigue 





4 telephone varcharf16) utfa_ge ED Jo Nore i Nange Drop Frimary Unique 


图 2-23 wx_user 表 


2. 插 入 数据 


向 数据 库 表 插入 数据 使 用 INSERT INTO 语 句 。 其 语法 为 : 




















NSERT INTO table name VALUES (valuel, value2,http://www.hzcourse.com/resource/readBook?path=/openresources/teach ebook/uncompressed/15146/O0EBPS/Text/..http://www.hzcourse.com/ 























在 本 例 中 ， 插 入 语句 可 以 这 样 写 : 








NSERT INTO ‘wx user (id ， ‘openid’, username `， ‘telephone’) VALUES (NULL, '07Lp5t6n59DeX3U0C7Kric9gqEx-Q'，' 方 倍 '"，"'15987654321'); 


























下 面 是 使 用 PHP 程 序 来 进行 提交 的 代码 。 


<?php 

$con = mysql connect ("localhost:3306","root","root"); 

mysql] query("SET NAMES ‘'UTF8"'"); 

mysql select db("book", $con); 

mysql query ("INSERT INTO ‘wx user. (‘id’, ‘openid’, ‘username‘, ‘telephone‘) VALUES (NULL, '07Lp5t6n59DeX3U0C7Kric9gqEx-Q', ' 方 倍 '，'15987654321');"); 
mysql] query("INSERT INTO ‘wx user (id’, openid ， username , ‘telephone ) VALUES (NULL, 'o7LpSt6n59De2380C3Kxkc93E2x3'", ' 李 四 '，'13412341234');"); 
mysql close ($con); 

?> 













































































在 上 述 代 码 中 ，PHP 首 先 创建 到 数据 库 的 连接 ， 这 是 通过 mysql connect () 函数 完成 的 ， 连 接 的 主机 为 “localhost”， 端 口 为 “3306”， 账 号 和 密码 都 为 “root”。 然 后 通过 “SET 
NAMES'UTF8” 命令 设置 字符 集 为 UTF8， 这 样 就 能 正常 显示 中 文 。 之 后 通过 mysql_ select_ db () 函数 设置 要 连接 的 数据 库 “book”。 最 后 再 使 用 mysql query () 函数 向 “wx_user” 表 中 插入 两 条 记 
录 。 执 行 完成 后 ， 最 终 使 用 mysql_ close () i 


3. 查 询 数 据 


从 数据 库 中 查询 数据 使 用 SELECT 语 句 。 其 语法 为 : 














SELECT column name (S) FROM table name 


在 本 例 中 ， 查 询 语句 可 以 这 样 写 : 











SELECT * FROM ‘wx user WHERE ‘openid = 'o7LpSt6n59DeX3U0C7Kric9gEx-Q'; 




















下 面 是 使 用 PHP 程 序 来 进行 查询 的 代码 。 


<?php 

$con = mysql connect ("localhost:3306","root","root"); 
mysql] query("SET NAMES ‘'UTF8"'"); 
mysql select db("book", $con); 
$result = mysal query ("SELECT * FROM ‘wx user ”WHERE ‘openid = 'o7Lp5t6n59DeX3U0C7Kric9gEx-QO';"); 
while ($row = mysql fetch array ($result)) 

{ 















































echo $row['username']." ".S$row['telephone']; 
echo "<br />"; 

} 

mysql close ($con); 

?> 


述 代码 查询 “openid” 为 “o7Lp5t6n59DeX3U0C7Kric9qEx-Q” 的 数据 ， 并 且 返 回 该 条 数据 的 “username” 和 “telephone” 字 段 , 执行 后 ， 返 回 的 内 容 如 图 2-24 所 示 。 


门 127.,0,0, 1/book2/chapter2/: x 


ce GD 127.0.0.1/book2/char ter2) 2223 
方 信 1598765432 





图 2-24 查询 数据 


4. 修 改 数据 


修改 数据 库 表 中 的 数据 。 使 用 UPDATE 语 句 。 其 语法 为 : 











UPDATE table name SET column name = new Value WHERE Column name = Some Value 











在 本 例 中 ， 修 改 语句 可 以 这 样 写 


UPDATE ‘wx user SET ‘telephone = '15999521234' WHERE “openidq ”= 'o7Lp5t6n59DeX3U0C7Kric9gEx-Q'; 








下 面 是 使 用 PHP 程 序 来 进行 修改 的 代码 。 


<?php 

$con = mysql] connect ("localhost:3306","root","root"); 

mysql query ("SET NAMES 'UTF8"'"); 

mysql select _qb ("book", $Con); 

mysql query ("UPDATE ‘wx user ”SET ‘telephone. = '15999521234' WHERE ‘openid, = 'o07Lp5t6n59DeX3U0C7Kric9gEx-Q';"); 
mysql _ close ($con); 

?> 



































述 代码 执行 后 ,将 “openid” 值 为 “o7Lp5t6n59DeX3U0C7Kric9qEx-Q” 的 记录 中 的 “telephone” 的 值 更 改 为 “15999521234”， 


5. 删 除数 据 


从 数据 库 表 中 删除 记录 使 用 DELETE FROM 语 句 。 其 语法 为 : 














DELETE FROM table name WHERE column name = some value 




















在 本 例 中 ,删除 语句 可 以 这 样 写 


DELETE FROM ‘wx user ”WHERE ‘openid ”= 'o7Lp5t6n59DeX3U0C7Kric9gEx-Q'; 





下 面 是 使 用 PHP 程 序 来 进行 删除 的 代码 。 


<?php 

$con = mysql connect ("localhost:3306","root","root"); 

mysq] query ("SET NAMES 'UTF8"'"); 

mysql select db("book", $con); 

mysql query ("DELETE FROM ‘wx user ”WHERE ‘openid. = 'o07Lp5t6n59DeX3U0C7Kric9gqEx-Q';"); 
mysql _ close ($con); 

?> 
































上 述 代码 执行 后 ， 将 “openid” 值 为 “o7Lp5t6n59DeX3U0C7Kric9qEx-Q” 的 记录 删除 。 


2.3.3 ”其 他 单 用 语言 


1.HTML 


HTML 全 称 为 超 文本 标记 语言 (HyperText Mark-up Language) ， 是 一 种 制作 页 面 的 标准 语言 ， 也 是 浏览 器 使 用 的 一 种 语言 ， 它 消除 了 不 同 计算 机 之 间 信 息 交 流 的 障碍 。 它 是 目前 网 络 上 应 用 最 为 广 
泛 的 语言 ， 也 是 构成 网 页 文档 的 主要 语言 。 


HTML 文 件 是 由 HTML 命 令 组 成 的 描述 性 文本 ，HTML 命 令 可 以 说 明文 字 、 图 形 、 动 画 、 声 音 、 表 格 、 链 接 等 。HTML 文 件 的 结构 包括 头 部 (Head) 、 主 体 (Body) 两 大 部 分 其 中 头 部 描述 浏览 器 所 
需 的 信息 ， 而 主体 则 包含 所 要 说 明 的 具体 内 容 。 


下 面 是 一 段 HTML 代 码 ， 它 创建 了 一 个 两 行 三 列 的 表格 。 


<html> 

<head> 

<title>HTMI</title> 

</head> 

<body> 

<h4> 两 行 三 列 : </h4> 

<table border="1"> 

<tr> 

td>100</tqd> 
td>200</td> 





< 
< 





<td>300</tqd> 
</tr> 
<tr> 
<td>400</td> 
<td>500</tqd> 
<td>600</tqd> 
</tr> 
</table> 
</body> 
</html> 








上 述 代码 在 浏览 器 中 运行 后 的 效果 如 图 2-25 所 示 。 


| HTRML 


4 人 3 三 


遇 行 三 询 : 


加 加 区 





图 2-25 ” HTML 代码 运行 后 的 效果 


2.CSS 


CSS 指 层 亚 样式 表 (Cascading Style Sheets) ， 又 称 串 样式 列表 、 层 次 结构 式样 式 表 文 件 ， 是 一 种 用 来 为 结构 化 文档 〈 如 HTML 文 档 或 XML 应 用 ) 添加 样式 字体、 间距 和 颜色 等 ) 的 计算 机 语言 ， 由 
W3C 定 义 和 维护 。 


下 面 是 一 段 使 用 CSS 构 建 一 个 水 平 导航 栏 的 代码 。 


<html> 
<head> 
<style> 
ul{ 
list-style-type:none; 
margin:0; 
padding:0; 
overflow:hidden; 
} 
二 并 
float:left; 
} 
af 
display:block; 
width:60px; 
background-color:#dddgdqdd; 
} 
</style> 
</head> 
<body> 
<ul> 
<l1i><a href="#home">Home</a></1i> 
<li><a href="#news">News</a></1i> 
<l]i><a href="#contact">Contact</a></1i> 
<li><a href="#about">About</a></1i> 
</ul> 
</body> 
</html> 




















上 述 代码 运行 后 的 效果 如 图 2-26 所 示 。 


[9 127,0.0, Lbook2/chepter2ai: x Wa 


Es 要 天 = 生生 Se EE Se Ee Es 王 王 本 = 本 和 王 -三 本 


和 © 127.0.0.1/book2/chapter2/2232.html | 三 


ss ms. 


Home News Contact About 





图 2-26 ”使 用 CSS 构 建 的 水 平 导航 栏 


3.JavaScript 


JavaScript 一 种 直译 式 脚 本 语言 ， 是 一 种 动态 类 型 、 弱 类 型 、 基 于 原型 的 语言 ， 内 置 支持 类 型 。 它 的 解释 器 被 称 为 JavaScript 引 擎 ， 为 浏览 器 的 一 部 分 ， 广 泛 用 于 客户 端的 脚本 语言 ， 最 早 是 在 
HTML (标准 通用 标记 语言 下 的 一 个 应 用 ) 网 页 上 使 用 ， 用 来 给 HTML 网 页 增加 动态 功能 。 


下 面 是 一 段 点 击 按钮 弹出 消息 框 的 JavaScrip 代 码 。 





<1DOCTYPE html> 
<html> 
<body> 
<p>JavaScript 能 够 对 事件 作出 反应 。 比 如 对 按钮 的 点 击 : </p> 


<button type="button" onclick="alert ('Welcome!') "> 点 击 这 里 </button> 
</body> 
</html> 














上 述 代码 运行 后 的 效果 如 图 2-27 所 示 。 


| | lbcalhostibook2 /chapter2/22 其 
[9 localhost/book?/chapter2/2233.html 


JavaScript ] The page at localhost says: 


了 计 二 


| 





图 2-27 JavaScript 代 码 运 行 后 的 效果 
4.XML 


XML 中 文 名 为 可 扩展 标记 语言 (eXtensible Markup Language) ， 是 一 种 标记 语言 


。XML 广 泛 用 于 Web 开 发 ， 常 用 于 简化 数据 的 存储 和 共享 。 微 信和 基础 消息 的 接收 发 送 都 是 使 用 XML 来 传输 的 。 读 者 
可 以 在 后 面 的 章节 中 看 到 很 多 XML 数 据 的 内 容 。 


下 面 是 一 个 简单 的 XML 文件 内 容 。 


<xml> 

<to> 张 三 </to> 

<from> 李 </from> 
<heading> 提 醒 </heading> 
<body> 记 得 开会 </body> 

</xml> 





5.JSON 


JSON (Javascript Object Notation) 是 一 种 轻 量 级 的 数据 交换 格式 。 它 是 基于 JavaScript 语 法 标准 的 一 个 子 集 。JSON 采 用 完全 独立 于 语言 的 文本 格式 ， 可 以 很 容易 地 在 各 种 网 络 、 平 台 和 程序 之 间 传 
输 。JSON 的 语法 很 简单 ， 易 于 阅读 和 编写 ， 同 时 也 易于 机 器 解析 和 生成 。 


微 信 的 高 级 接口 中 ， 很 多 内 容 都 是 通过 JSON 来 传递 的 ， 例 如 创建 自 定义 菜单 时 ， 就 是 通过 传输 一 个 固定 格式 的 JSJON 内 容 来 实现 的 。 
下 面 是 一 段 JSJON 内 容 。 它 定义 了 一 个 employee 对 象 ， 包 含 2 个 员工 记录 (对 象 ) 的 数组 。 


{ 











"employees": [ 
"firstName": "Bill", 
"lastName": "Gates" 

}, 

{ 
"firstName": "George"™, 
"lastName": "Bush" 











第 3 章 ” 微 信 开 上 友 者 中 心 


在 自己 的 机 器 上 搭建 好 开发 环境 之 后 ， 还 需要 一 台 服 务 器 ， 服 务 器 可 以 是 一 个 虚拟 空间 、 也 可 以 是 云 空 间 ， 只 要 这 个 空间 支持 程序 的 运行 并 且 有 域名 可 以 访问 。 在 开发 好 程序 之 后 ， 需 要 把 程序 上 传 到 
服务 器 上 ， 这 样 才能 被 微 信访 问 到 。 


本 章 以 新 浪 云 SAE 为 程序 运行 环境 ， 介 绍 如 何 申请 开通 自己 的 SAE 应 用 以 及 如 何 将 SAE 和 微 信 公 众 账 号 进行 对 接 。 


3.1 新 浸 SAE 应 用 


Sina App Engine (以 下 简称 SAE) 是 新 浪 研 发 中 心 于 2009 年 8 月 开始 内 部 开发 ， 并 在 2009 年 11 月 3 日 正式 推出 第 一 个 Alpha 版 本 的 国内 首 个 公有 云 计 算 平 台 (http://sae.sina.com.cn) ，SAE 是 新 浪 云 
计算 战略 的 核心 组 成 部 分 。 


SAE 作 为 国内 的 公有 云 计 算 ， 从 开发 伊始 借鉴 吸纳 Google、Amazon 等 国外 公司 的 公有 云 计算 的 成 功 技术 经 验 ， 并 很 快 推 出 不 同 于 他 们 的 具有 自身 特色 的 云 计算 平台 。SAE 选 择 在 国内 最 为 流行 的 Web 
开发 语言 PHP 作 为 首选 的 支持 语言 ，Web 开 发 者 可 以 在 LinuxX/Mac/Windows 上 通过 SVN 或 者 Web 版 在 线 代码 编辑 器 进行 开发 、 部 署 、 调 坛 ， 团 队 开发 时 还 可 以 进行 成 员 协 作 ， 不 同 的 角色 将 对 代码 、 项 目 
拥有 不 同 的 权限 ; SAE 提 供 了 一 系列 分 布 式 计算 、 人 存储 服务 供 开 发 者 使 用 ， 包 括 分 布 式 文件 存储 、 分 布 式 数据 库 集 群 、 分 布 式 缓存 、 分 布 式 定时 服务 等 ， 这 些 服 务 将 大 大 降低 开发 者 的 开发 成 本 。 同 时 SAE 整 
体 架构 的 高 可 靠 性 和 新 浪 的 品牌 保证 大 大 降低 了 开发 者 的 运营 风险 。 另 外 ， 作 为 典型 的 云 计算 ，SAE 采 用 “所 付 即 所 用 ， 所 付 仅 所 用 ”的 计 费 理念 ， 通 过 日 志和 统计 中 心 精确 地 计算 每 个 应 用 的 资源 消耗 

(包括 CPU、 内 存 、 磁 盘 等 ) 。 


总 之 ，SAE 就 是 简单 高 效 的 分 布 式 Web 服 务 开发 、 运 行 平台 。 


3.1.1 ”申请 新 浪 云 账号 


SAE 的 注册 地 址 为 http://sae.sina.com.cn/? m=user&a=reg， 在 浏览 器 中 输入 该 网 址 ， 将 自动 跳 转 到 “SAE 新浪 云 计算 平台 ”在 新 浪 微 博 的 应 用 授权 界面 ， 如 图 3-1 所 示 。 


Welbo.co 


授权 SAE 浙 祖 去 计算 平 合 访问 你 的 谨 博 帐 亏 ， 并 同时 登录 新 祖 仇 二 





图 3-1 ”SAE 登录 界面 


如 果 你 还 没有 新 浪 微 博 账号 ， 需 要 新 注册 一 个 ， 注 册 新 浪 微 博 账 号 的 过 程 本 书 就 不 再 介绍 了 。 在 上 图 中 填写 新 浪 微 博 账 号 及 密码 之 后 ， 点 击 “ 登 录 ” 按 钮 ， 将 跳 转 到 授权 确认 页 面 ， 如 图 3-2 所 示 。 


CD debecom 情 系 中 国 风 | 我 的 应 用 | 换个 


We/Ibo.com 


SAE 狐 浪 云 计算 平 侣 开发 者 : SinaAppEngine 
有 51 个 性 关注 的 大使 用 


二 os 


将 允许 SAE 新 浪 云 计算 平台 进行 以 下 操作 : 
等 获得 你 的 个 人 信息 ,好友 关系 
本 分 享 内 容 到 你 的 袜 博 
加 获得 你 的 评论 





图 3-2 SAE 新 浪 云 计算 平台 授权 确认 页 面 


点 击 “ 授 权 ” 按 钮 ， 将 跳 转 到 SAE 的 用 户 注册 页 面 ， 如 图 3-3 所 示 。 


请 如 实 填 与 以 下 信息 : 联系 电话 选 二 】 
币 博 帐号 ”| 腾讯 去 
当前 登录 帐号 :查看 帐号 ， 如 果 要 更 换 帐 号 请 先 注销 登录 。 
真实 姓名 | 方 倍 
安全 邮箱 ”| 请 输 六 您 的 靠 谱 邮箱 
安全 密码 | 请 输入 您 的 安全 密码 
确认 密码 | 请 再 次 输入 您 的 安全 密码 
部 署 屁 码 时 需要 输入 安全 密码 
绑 定 手机 | 请 输入 您 的 手机 号 码 
一 个 于 机 号 忆 表 注册 一 个 帐 弓 
联系 电话 | 联系 电话 渤 填 
验证 码 。 获取 验证 得 
启用 被 盾 ”| | 若 语 说 明 


门 关注 SAE 官 方 富 博 以 获得 服务 通知 信息 


[由 | 按 受 SAE 腿 劳 协 说 阅读 协 襄 





图 3-3 ”SAE 用 户 注 册页 面 


填写 真实 姓名 、 安 全 邮箱 、 安 全 密码 、 确 认 密 码 、 绑 定 手机 及 验证 码 之 后 ， 点 击 “ 下 一 步 ”按钮 ， 将 跳 转 到 手机 验证 页 面 ， 如 图 3-4 所 示 。 


堵 定 手机 a 


验证 码 十 的 验 1 重新 芍 取 浆 证 雹 


如 夫 娩 车 语 队 这 仍 然 写 去 收 划 站 证 的 ， ! 吝 用 ea ， 和 到 )j 广 坦 舍 REG 
山 。 


修改 资料 





图 3-4 SAE 手机 验证 页 面 
填写 手机 收 到 的 短信 验证 码 后 ， 点 击 “ 验 证 手机 ”按钮 ， 将 提示 注册 成 功 。 


这 样 ， 我 们 就 成 功 注册 了 SAE 的 账号 。 


3.1.2 ”创建 新 浪 云 应 用 


使 用 注册 成 功 的 微 博 账号 登录 SAE， 登 录 后 的 界面 如 图 3-5 所 示 。 


SinaAppEngine 括 的 首页 


本 镶 等 级 : 首 通 
提升 账 尸 等 磺 


我 的 账单 我 的 账户 


我 的 应 用 ( 9) 
吐 八 诺 内 什么 是 "访问 量 PV"? 


云 豆 消耗 ( 近 30 访问 量 PVL 近 30 
状态 天 ) 天 ] 


二 大 病因 


六 站 二 者 才 || 
= 和 | 
[本 机 .3 
= 





正 是 , 10.2, J316519 


图 3-5 SAE 首页 页 面 


在 最 上 方 右 侧 的 导航 列表 中 ， 点 击 “ 我 的 应 用 ”链接 ， 从 下 拉 列 表 中 选择 “应 用 列表 ”链接 将 跳 转 到 “应 用 列表 ”页 面 ， 如 图 3-6 所 示 。 


我 的 应 用 ( 6) 


占用 中 去 旺 s 六 问 县 Fwre 





图 3-6 ”应 用 列表 


点 击 页 面 中 的 “创建 新 应 用 ”按钮 ， 这 时 会 弹出 提示 框 ， 提 示 荣 止 放 置 违法 违规 内 容 ， 上 点击“ 继续 创建 ”按钮 ， 弹 出 创建 应 用 页 面 ， 如 图 3-7 所 示 。 


App namel | Sewls .S12aapp.com 人 出 站 与 二 
注册 惑 功 后 ， 才 注册 的 Appnamesvipsinaapp.com 同样 可 已 使 用 
建 如 使 用 各 妆 向 名 
1 进 事 措 庆 外 搜 雪 引 草 直 二 有 天 其 必用 户外 诬 用 芝 啊 
2 旷世 了 DNS 却 持 尘 行 可 站 


3 可 以 更 灵活 的 管理 应 用 ， 增 强 宛 未 性 


* 应 用 书 和 ccv5 。 | 多用 的 文 帮 移 ， 供 显示 用 。 


各 证 三 den 


应 用 指 壕 。 党 信 公 羔 平 首开 发 疗程 = 





Python Java 





Wordp rass for Emilog tor SAC 
Ees | : 





图 3-7 创建 应 用 


在 应 用 创建 页 面 中 ， 依 次 填写 二 级 域名 (App name) 、 应 用 名 称 、 验 证 码 ， 开 发 语言 选择 PHP， 应 用 类 型 点 击 “PHP 空 应 用 ”。 如 果 二 级 域名 已 经 被 其 他 人 注册 过 ， 会 提示 已 经 被 占用 ， 需 要 重新 填 
入 。 填 写 完毕 后 ， 点 击 “ 创 建 应 用 ”按钮 ， 将 提示 应 用 创建 成 功 ， 如 图 3-8 所 示 。 


系统 提示 


应 用 创建 成 功 , 点 此 进入 应 用 列表 


图 3-8 应 用 创建 成 功 


应 用 创建 成 功 之 后 ， 会 自动 跳 转 到 应 用 列表 中 ， 在 应 用 列表 中 可 以 看 到 刚才 创建 的 应 用 。 


3.1.3 ”创建 应 用 版 本 


在 应 用 列表 中 ， 点 击 刚 才 创 建 的 应 用 cctv15， 将 进入 应 用 信息 页 面 ， 如 图 3-9 所 示 。 


cecty15™ 
Web 应 用 


近 30 天 个 问 量 PV 


114 


各 定 必 可 量 
APPLonfig 
AHProf 
应 用 目 排 得 
安全 与 适 挫 
口 志 中 心 
应 用 防火墙 


站 括 分 析 


| 剖 
局 | E 一 


CR lh 
山 信 分 区 平台 开发 教程 


近 30 天 云 豆 消耗 
0 晰 
购买 云 豆 设置 预算 


ccty15.sinaapp.com 
cetyv15.vipsinaapp.com 


尚未 绪 定 





防火 墙 拦 规 IP 


0 
查看 详情 


ACCess 
Key 


高 商 南 售 南 沿 丰 全 贞 直人 二 南下 此 坟 仙 让 让 让 人 页 疝 | 一 
下 本 


Secret 
Key 


本 二 于 粳 克 业 丰 六 中 关 刘 次 业 其 此 区 直下 二 二 二 二 二 EE 一 
TT 加 


Sh: 起 这 吉林 | 避免 域 名 的 权 和 章法 到 其 地 用 户 影 响 ,人 避免 DNS 盐 


持 ， 元 i 话 管 : 理应 用 。 


局 颖 号 市 数据 日 期 | 2074-11-22 到 2014-1 


图 3-9 ”应 用 信息 


找到 左 侧目 录 下 的 “应 用 管理 ”， 再 点 击 下 面 的 “代码 管理 ”链接 。 将 跳 转 到 代码 管理 页 面 ， 如 图 3-10 所 示 。 


近 一 周 | 近 一 月 | 近 一 年 


云 旦 消 宽 分 布 
诬 轩 间 彼 内 党 有 记录 . 





ccy15 s 应 用 管理 s 代 凤 管理 


代 伯 管理 


度 应 用 还 没有 部 咯 代 码 , 您 可 以 上 情 塔 的 代码 也 可 以 总 击 这 里 创 隘 一 个 版 本 





图 3-10 ”代码 管理 


点 击 右 侧 的 “创建 一 个 版 本 ”按钮 ， 将 弹出 创建 版 本 页 面 ， 如 图 3-11 所 示 。 


请 输入 版 本 号 : 





图 3-11 创建 版 本 


版 本 号 默认 为 1， 可 以 不 用 更 改 ， 直 接点 击 “ 创 建 ” 按 钮 ， 这 时 会 弹出 安全 密码 输入 框 ， 正 确 输入 安全 密码 之 后 ， 如 图 3-12 所 示 。 


己 用 : W100M 全 码 宇 | 则 扩容 
京 直 至 以 


版 本 部 署 时 间 汗 接 xhprof 调 试 ” 钱 误 明示 ”操作 
OOL 1 





图 3-12 ”创建 版 本 成 功 


至 此 ， 就 成 功 创建 了 一 个 域名 URL 为 http://cctv15.sinaapp.com/ 的 SAE 应 用 了 。 这 个 URL 将 会 在 后 面 用 到 |。 


3.14 上传 微 信 接 口 代码 


下 述 代码 是 一 个 可 以 启用 微 信 接口 的 代码 。 你 也 可 以 从 本 书 的 配套 代码 中 找到 这 个 文件 。 


<?php 
大 


方 倍 工作 室 http://www.fangbei .org/ 

CopyRight 2013 www.doucube.com All Rights Reserved 
*/ 
define ("TOKEN", "weixin");} 
SwechatObj] = new wechatCallbackapiTest () ， 

















if (isset($ GET['echostr'])) { 
$swechatObj->valid(); 

}elsel 
SwechatObj->responseMsg ()，; 


} 


class wechatCallbackapiTest 


{ 





public function valid() 
{ 





$echostr = $ GET["echostr"]; 
If (Sthis->checkSignature () ) { 
echo $echostr; 
exit; 








} 
} 
private function checkSignature () 


{ 











signature = $ GET["signature"]; 
timestamp = $ GET["timestamp"]; 
nonce = $ GETI"nonce"]; 
token = TOKEN; 

tmpArr = array ($token, $timestamp, S$nonce); 
ort ($tmpArr); 
tmpSstr = implode( $tmpArr ); 
tmpSstr = Shal( StmpStr ); 

fF( StmpStr == $signature )f{ 

return true; 

}elsel{ 
return false; 


} 





























FHF- WA WwW 























} 


public function responseMsg () 


{ 








SpostStr = SGLOBALS ["HTTP RAW POST DATA"]; 
if (!empty(SpostStr) ) { 
Spostobj = Simplexml load string(SpostStr， 
'SimpleXMLElLement'，LIBXML NOCDATA); 
SfromUsername = $postOb]j->FromUserName; 
StoUsername = S$postObj->ToUserName; 
$keyword = trim($postObj->Content); 
$ 
$ 





























time = time(); 

textTpl = "<xml> 

<ToUserName><! [CDATA[%s]]></ToUserName> 
<FromUserName><! [CDATA[%s]]></FromUserName> 
<CreateTime>%$s</CreateTime> 

<MsgType><! [CDATA[%s]]></MsgType> 
<Content><! [CDATA[%$s] ] ></Content> 
<FuncFlag>0</FuncFlag> 




















</xml>"; 

if($keyword == "?" || $keyword == "? ") 

{ 
smsgType = "text"; 
Scontent = date("Y-m-d H:i:s",time()); 
$result = sprintf ($textTpl, S$fromUsername, S$toUsername, 
$time, $msgType, $content); 
echo $result; 

} 

}elsef 
echo wr 这 
exit; 


将 代码 保存 为 文件 index.php。 请 注意 必须 使 用 专业 的 开发 软件 来 保存 操作 ， 例 如 Notepad+ + ， 不 要 使 用 Windows 自 带 的 记事 本 等 ， 保 存 时 需 设置 格式 为 “UTF-8 无 BOM 格 式 编码 ”， 如 图 3-13 所 


个 。 


类 F:\ 微 信 产 品 _ 出 肪 \chapter7\75_stock\index.php - Notepad++ 
交 件 (F) 编辑 [EE) 搜索 (5) 视图 (V) 上 :WU 站 语言 (L) 设置 1) 宏 (0) 运行 (R) 
: | a 9 晤 ”此 以 ANSI 格式 编码 二 
- 一 由 UTF-8 天 BOM 格式 师 地 
图 indexphp td | El airguality php 可 | 上 以 LUTF-8 格式 编码 
以 UCSs-2zB6io Endian 格式 对 码 
以 UCS-2 Litte Endian 格式 编码 


G 


斩 册 于 村 集 


转 洲 ANSI 闹 码 格式 

转注 UTF-8 无 BOM 编码 档 式 , 
转 汶 UTF-8 蝙 友 樟 式 

转 汶 UCS-2 6ig Endian 编码 格式 
转 河 UCS-2Litte Endian 轧 示 格式 


























图 3-13 UTF-8 无 BOM 格 式 编码 


然后 使 用 压缩 软件 WinRAR 将 其 压缩 成 ZIP 格 式 ， 注 意 不 能 用 RAR 格式 ， 因 为 SAE 不 支持 RAR 格式 的 文件 上 传 ， 如 图 3-14 所 示 。 


| 2 
= and pararmeters 


| General | Advanced | bptions | Files | Backup | Time | Comment 


| 
县 


Archive name 


index,. ap 


Update mode 


i Profiles,,, ] Ad and replace fles | | 


Archive format Aromvmng opthions 
ORAR ORARS (ZIP | | Delete files after archiving 
| | Create SFX archive 


Ps m= 本 mm = 





mm 
== 


Dictionary size | | Test archived fles 


| 32 上 


set password, ,, 


图 3-14 压缩 为 zip 文 件 
这 样 就 会 生成 一 个 index.zip 的 压缩 文件 。 


再 回 到 我 们 之 前 创建 的 SAE 应 用 的 代码 管理 界面 中 ， 点 击 “ 操 作 ” 按 钮 ， 在 下 拉 菜 单 中 选择 “上 传代 码 包 ”选项 ， 如 图 3-15 所 示 。 


贡 置 默认 





版 本 部 署 时 间 链接 xhprof 绸 试 ”错误 明示 ”操作 


OL 1 pal i http://1.cctvl1s.sinaapp... := | 
时 不 


图 3-15 ”选择 “上 传代 码 包 ” 


编辑 代码 
传代 友人 包 





选择 上 传代 码 包 后 ， 将 弹出 “代码 上 传 ” 页 面 ， 点 击 “ 上 传 文件 ”按钮 ， 选 择 刚才 压缩 好 的 index.zip 文 件 ， 点 击 上 传 ， 上 传 成 功 后 进度 条 的 背景 色 为 绿色 ， 如 图 3-16 所 示 。 


代码 上 传 


只 支持 上 传 jp。 gz。tar.gz 三 种 代码 包 , 六 件 大 小 不 能 超过 20MB ,同名 文件 将 
会 被 覆盖 。 


上 情 后 的 目录 落 构 将 忠 庄 泥 忆 内 的 目录 结构 侠 持 一 和 政 。 
上 传 艾 件 





图 3-16 “代码 上 传 ” 页 面 


再 次 回 到 代码 管理 界面 中 ， 点 击 “ 编 辑 代码 ”按钮 ， 如 图 3-17 所 示 ， 
已 用 :0.0M/100M 代码 空间 扩容 


于 xhprof 员 
版 相 ”和 鲁 香 时间 链接 试 生 谋 室 韦 ”已 码 辆 辑 拱 作 


©® EISSIEIEEE http://l.cctvis.sinaa.. BE 关闭 品 re 
OD z 示 码 





图 3-17 编辑 代码 


在 新 的 代码 编辑 页 面 中 ， 我 们 可 以 看 到 index.php 已 经 上 传 成 功 ， 双 击 该 文件 可 以 查看 源 代 码 ， 如 图 3-18 所 示 。 


ERSION: 1 


phip 项， 


一 李 方 倍 工作 室 有 tt fiwww. cnblogs. com txwl958 
图 index. php | 肤 泡 : 鼎 得 bots ‘Rieht 2013 www. doucube. com All Riehts Reserwed 
GE 家 上 


人 ieEimerk TOREN, “weixin’ ): 
Bl$rechat0bj = Tie wechatCallbackapiTest 人 : 
ii 芋 sset 人吉 GET[ echostr ])) 1 
$wachatDb j->ywalid 门 : 
lelsel 
Pwechat0b]j—2responseMlse ll): 


5| class wachatlLallbackapi lest 


public function walid 0 
1 


$echostr = 币 ET[" eachostr”" ]: 
if (this-»checksi enaturel) | 
Pe 丽 芭 eaoStT 
EX 站- 





图 3-18 ”查看 源 代码 


至 此 ， 完 成 了 新 浪 云 应 用 的 创建 ， 并 且 成 功 上 传 了 微 信 公众 平台 的 接口 文件 。 


3.2 ”配置 和 局 用 服务 器 


登录 微 信 公众 平台 后 台 ， 微 信 公 众 平台 地 址 为 https://mp.weixin.qq.com， 在 左 侧 列表 最 下 方 找到 “开发 者 中 心 。”， 如 图 3-19 所 示 。 





= 




















图 3-19 开发 者 中 心 


点 击 进 入 开发 者 中 心 ， 可 以 看 到 当前 服务 器 配置 的 信息 ， 状 态 为 未 启用 ， 如 图 3-20 所 示 。 


服务 器 配置 (未 启用 ) 收 改 配 剖 


启用 并 设 辕 服务 费 配 置 后 ， 用户 友 给 公众 与 的 消息 以 及 开 友 者 天 要 的 事件 推送 ， 将 被 微 信和 转 友 天 该 URL 中 


URL( 服 务 器 地 址 ) 未 填写 

Token( 令 牌 ) 未 填写 
EncodingAESKey( 消 息 加 解密 密 钥 ) 他” 未 填写 
消息 加 解密 方式 ”明文 模式 





图 3-20 ”未 启用 服务 器 配置 


点 击 “ 修 改 配置 ”按钮 ， 进 入 配置 页 面 ， 如 图 3-21 所 示 。 


(< ) 开发 者 中 心 / 填写 服务 器 配 轩 





请 境 写 接口 可 置信 息 ， 比 信息 遍地 你 加 有 自己 的 服务 强 资 江 
填写 的 URL 需 要 正确 响应 向 信 发 送 的 Token 了 验证， 清 阅 读 榨 入 指南 . 


URL http:// cctvy15.sinaapp.com/ 
上 必 二 Lhttp-jy 了 开头 ,目前 支持 80%%%[D. 


Token WET 芝 | 门 


必须 为 英文 或 数字 ,长度 为 3-32 字 符 - 
什 各 是 TokEmI ? 





EncodingAESKe 37FJU2uUTmvgwjWiVAPgWmaCa0tXMiVHYLb9NW: 


消息 加 密 密 钥 由 43 位 字符 组 成 ， 可 随机 修改 ， 字 符 范 围 为 &A-Z ,a-z ,0-9. 
慎 些 是 EncodingAESKey ? 





明文 模式 下 ， 十 使 用 消息 体 加 解密 功能 ,安全 系数 较 低 


, 方便 开发 者 调试 和 维护 





安全 模式 (推荐 ) 
安全 模式 下 ， 泡 时 和 包 为 症 密 文 ， 再 雪 开 点 者 加 密 和 解密 , 安全 圣 数 户 


图 3-21 填写 服务 器 配置 


此 处 的 URL 为 上 一 小 节 中 介绍 的 云 应 用 的 域名 ， 即 http://cctv15.sinaapp.com， 而 Token 在 index.php 中 定义 为 weixin，EncodingAESKey 不 需要 填写 ， 点 击 “ 随 机 生成 ”按钮 ， 让 系统 自动 生成 一 个 
即 可 ， 消 息 加 解密 方式 选择 “明文 模式 ”， 然 后 点 击 “ 提 交 ” 按 钮 ， 弹 出 确认 框 ， 如 图 3-22 所 示 。 


确定 提交 该 配置 ? 
提交 后 ,新 的 URL ( 服务 器 地 址 ) 、Token ( 令 牌 ) 、 


EncodingAESKey ( 月 县 加 诅 名 大井 ) 和 加 朋 富 车 雪 同和 生效 ， 确 
认 提 交 ? 





图 3-22 ”确定 提交 配置 


在 弹出 的 提示 框 中 ， 点 击 “ 确 定 ” 按 钮 ， 相 关 参 数 填写 成 功 ， 如 图 3-23 所 示 。 


上 恩 务 蕊 可 轩 (未 肩 用 ) 


启用 并 设置 服务 器 配置 后 ,用户 发 答 公 众 号 的 消息 | 及 开发 者 需要 的 事件 推送 ， 将 被 徽 信 转 发 驯 碎 URL 中 


URLI 服 务 器 地 址 ) http;//cctv15.sinaapp.com/ 

Token( 令 牌 ) wepan 

EncodingAESKey( 消 上 县 加 秘密 宕 铜 ) @ ”37FJU2uUTmvawjJWiVAbgWm3Ca0tXMIVHYLb9NWaqbyFd 
测 息 加 解密 方式 ”明文 模式 





图 3-23 ”服务 器 已 配置 


再 点 击 右上 角 的 “启用 ”按钮 ， 来 启用 服务 器 的 配置 。 系 统 弹出 提示 框 ， 询 问 是 否 确定 开启 服 务 器 配置 ， 如 图 3-24 所 示 。 


是 吾 确 定 并 局 版 务 蓝 可 得 ? 
请 注意 : 开启 后 ， 用户 点 送 的 消息 将 自动 转发 到 该 配置 地 址 ,并且 在 


网 站 中 记 音 的 目 动 回复 和 目 定 沁 菜 单 梅 失效。 





图 3-24 确定 开启 服务 器 配置 


点 击 “ 确 定 ” 按 钮 ， 将 启用 服务 器 配置 。 


如 果 点 击 按钮 后 ， 上 方 提示 “token 验 证 失败 ”， 可 以 重 试 几 次 ， 微 信服 务 器 有 时 候 不 稳定 也 会 造成 这 样 的 情况 ， 并 不 是 程序 本 身 有 问题 。 启 用 成 功 后 界面 如 图 3-25 所 示 。 


雪上 后， 用 户 消息 和 开发 者 需要 的 事件 推送 ,将 不 会 被 转发 各 液 URL 中 


URLI 肛 务 器 地 址 ) http-AAcctv15.sinaapp.comwy 


Token( 令 牌 ) weixin 
EncodingAESKey( 消 息 加 第 害 宕 家 ) 各 ”37FJIU2uTmwgwjWivVAbgWm3Ca0tXMiVHYLb9NWaqbyFd 


消息 加 解密 方式 ”明文 模式 





图 3-25 ”服务 器 配置 已 启用 


这 样 就 成 功 配 置 并 启用 了 服务 器 。 


3.3 ” 目 动 回复 当前 时 间 


在 上 面 的 例子 中 ， 我 们 已 经 嵌入 了 一 个 简单 的 时 间 查 询 功 能 ， 发 送 一 个 问号 就 能 回复 当前 的 时 间 ， 如 图 3-26 所 示 。 
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上 述 代码 在 收 到 消息 后 ， 判 断 消息 内 容 是 否 为 问号 (包括 英文 输入 状态 下 的 问号 和 中 文 输入 状态 下 的 问号 ) ， 如 果 是 问号 ， 则 将 当前 时 间 (包括 年 月 日 时 分 秒 ) 作为 回复 内 容 。 


这 个 功能 的 实现 基于 下 面 的 代码 。 





keyword == "?" || $keyword == "? ") 
smsgType = "text"; 

$content = date("Y-m-d H:i:s",time()); 
$result = sprintf ($textTpl, $1 








echo $result; 


当前 时 间 的 自动 回复 。 


3.4 


下 面 我 们 结合 上 一 节 的 代码 来 分 析 一 下 微 信 公 众 平台 的 消息 交互 原理 。 下 面 的 代码 基于 微 信 公众 平台 官方 示例 代码 修改 完善 而 成 。 








消息 交互 原理 分 析 
























































































































































1 <?php 
2 /* 
3 方 倍 工作 室 http://www.fangbei .org/ 
4 CopyRight 2013 www.doucube.com All Rights Reserved 
Dy 
6 
7 define ("TOKEN", “weixin");} 
8 $wechatOb] = new wechatCallbackapiTest () ; 
9 if (isset($ GET['echostr'])) { 
10 $swechatObj->valid(); 
11 }elsef{ 
1 这 SwechatObj->responseMsg ()，; 
13 } 
14 
15 class wechatCallbackapiTest 
16 { 
二 了 public function valid() 
18 { 
9 $echostr = $ GET["echostr"]; 
20 If (Sthis->checkSignature () ) { 
21 echo S$echoSstr; 
22 exit; 
23 } 
24 } 
25 
26 private function checkSignature () 
2 { 
28 $signature = $ GET["signature"]; 
29 $timestamp = $ GETI["timestamp"]; 
30 Snonce = $ GET["nonce"]; 
31 
32 Stoken = TOKEN; 
33 $tmpArr = array ($token, $timestamp, $nonce); 
34 sort ($tmpArr); 
25 stmpstr = implode( StmpArr ); 
36 stmpstr = shal( StmpStr ); 
37 
38 if( StmpStr == $signature ) { 
39 return true; 
40 }elsel 
41 return false; 
42 } 
43 } 
44 
45 public function responseMsg () 
46 { 
47 SpostStr = SGLOBALS ["HTTP RAW POST DATA"]; 
48 
49 if (!empty(SpostStr) ) { 
50 Spbpostobj = Simplexml load string($poststr, 
'SimpleXMLELement'，LIBXML NOCDRTRA) 加 
51 SfromUsername = $postObj->FromUserName; 
52 StoUsername = $postObj->ToUserName; 
53 Skeyword = trim($postObj->Content); 
54 Stime = time (); 
55 $textTpl = "<xml> 
56 <ToUserName><! [CDATA[%s]]></ToUserName> 
57 <FromUserName><! [CDATA[%s]1></FromUserName> 
58 <CreateTime>%$s</CreateTime> 
59 <MsgType><! [CDATA[%Ss]]></MsgType> 
60 <Content><! [CDATA [SSs] ] ></Content> 
61 <FuNcF1ag>0</FuncFlag> 
62 </xml>"; 
63 if($keyword == "?™" || $keyword == "? ") 
64 { 
65 smsgType = "text"; 
66 Scontent = date("Y-m-d H:i:s",time()); 
67 $result = sprintf ($textTpl, $fromUsername, 





StoUsername, $time, $msgType, S$content); 
echo $result; 


68 


} 
}elsef 

echo " 

exit; 


1 
六 


首先 我 们 来 看 一 下 代码 的 结构 。 


第 2 行 ~ 第 5 行 是 注释 
第 7 行使 用 define () 函数 定义 常量 ， 常 量 名 称 为 TOKEN ， 常 量 的 值 为 weixin， 这 个 值 就 是 在 启用 开发 模式 时 填写 的 Token。 


第 15 行 ~ 第 75 行 定义 了 一 个 类 wechatCallbackapiTest， 并 在 类 中 定义 了 3 个 方法 valid () 、checkSignature () 和 responseMsg () 。 


ERAN 
Php 思 。 


图 3-20 


自动 回复 时 间 


fromUsername, S$toUsername, $time, $msgType, S$content); 


Ms 


过 


样 公 


第 8 行 ~ 第 13 行 为 程序 执行 语句 。 第 8 行 实例 化 了 一 个 类 对 象 。 在 第 9 行 中 ， 判 断 是 否 有 GET 请 求 ， 是 否 有 echostr 变 量 ， 如 果 有 则 执行 valid () 方法 ， 否 则 执行 responseMsg () 方法 。 


接 下 来 分 析 微 信 消 息 交 互 流程 。 


在 提交 URL 和 Token 申 请 验证 的 时 人 息 ， 微 信服 务 器 将 发 送 GET 请 求 到 填写 的 URL 上 ， 并 且 带 上 四 个 参数 (signature、timestamp、nonce、echostr) ，GET 请 求 如 下 所 示 : 


众 


账号 就 实现 了 





signature=6e35c6f3d3279338781047dbffd09426b9ecdee3&echostr=5979420653038092664&timestamp=1392001400&nonce=1392192345 














上 述 请 求 参 数 说 明 如 表 3-1 所 示 。 


表 3-1 请 求 校 验 参数 说 明 


signature 微 信 加 密 签 省 ，signature 结合 开发 者 填写 的 token 参数 和 请 求 中 的 timestamp 人参 
数 和 nonce 参数 

timestamp 时 | 可 和 性 

Nonce 随机 数 

echostr 随机 字符 串 


这 个 GET 请 求 是 包含 echostr 变 量 的 ， 所 以 执行 valid () 方法 ， 在 该 方法 中 ， 又 调用 了 校 验 签名 方法 checkSignature () 方法 。 如 果 签 名 校 验 为 真 ， 则 原样 输出 变量 gechostr 的 值 。 
加 密 / 校 验 流程 如 下 : 

1) 将 token、timestamp、nonce 三 个 参数 进行 字典 序 排序 (第 33 行 ~ 第 34 行 ) 。 

2) 将 三 个 参数 字符 串 拼 接 成 一 个 字符 串 进行 sha1 加 密 (第 35 行 ~ 第 36 行 ) 。 

3) 开发 者 获得 加 密 后 的 字符 串 可 与 signature 对 比 ， 标 识 该 请 求 来 源 于 微 信 ， (第 38 行 ~ 第 42 行 ) 。 


而 在 发 送 问号 的 时 人 息 ， 微 信服 务 器 也 会 带 上 前 面 三 个 参数 (signature、timestamp、nonce) 访问 开发 者 设置 的 URL， 同 时 还 会 将 消息 的 XML 数 据 包 POST 到 URL 上 。XML 格 式 如 下 所 示 : 


<xml> 
<ToUserName><! [CDATA[gh ba6050bcObe7]]></ToUserName> 
<FromUserName><! [CDATA[oDeOAjgSUUX10wvImSRMSwmyQAYRA] ] ></FromUserName> 
<CreateTime>1392043637</CreateTime> 
<MsgType><! [CDATA [text] ]></MsgType> 
<Content><! [CDATA[?] ] ></Content> 
<MsdId>5978781895719912033</MsdId> 

</xml> 

















而 消息 请 求 不 包含 echostr 变 量 ， 所 以 将 执行 响应 消息 responseMsg () 方法 。 

响应 消息 方法 首先 接收 上 述 原始 POST 数据 (第 47 行 ) 。 

然后 将 数据 载 入 对 象 中 ， 对 象 名 为 SimpleXMLElement，LIBXML_NOCDATA 表 示 将 CDATA 合 并 为 文本 节点 ， 代 码 中 第 50 行 实现 此 功能 。 
第 51 行 ~ 第 54 行 ， 取 得 XML 类 对 象 的 值 ， 并 赋 给 新 的 变量 ， 注 意 发 送 方 变 为 接收 方 ， 接 收 方 变 为 发 送 方 。 

第 55 行 ~ 第 62 行 ， 构 造 要 回复 的 XML 数据 包 。 

第 63 行 ， 判 断 发 送 过 来 的 关键 字 是 不 是 问号 。 

第 64 行 ~ 第 65 行 ， 设 置 回复 的 消息 类 型 为 text， 内 容 为 当前 年 月 日 时 分 秒 。 


第 66 行 ~ 第 67 行 ， 封 装 回复 的 XML 数据 包 ， 并 且 向 微 信 服务 器 输出 。XML 格 式 如 下 所 示 : 


<xml> 
<ToUserName><! [CDATA [oDeOAJjgSJUX1OwvIMSRMSwmyQAYA] ] ></ToUserName> 
<FromUserName><! [CDATA[gh ba6050bcObe7]]></FromUserName> 
<CreateTime>1392043638</CreateTime> 
<MsgType><! [CDATA [text] ] ></MsgType> 
<Content><! [CDATA[2014-01-05 11:43:23] ]></Content> 

</xml> 











这 样 用 户 就 会 收 到 回复 的 消息 ， 效 果 如 图 3-26 所 示 。 


3.5 ” 微 信 调 试 器 


3.5.1 “” 微 信 调试 器 介绍 
微 信 调试 器 是 方 倍 工 作 室 开发 的 用 于 微 信 公众 平台 接口 开发 在 线 调 试 的 工具 ， 具 有 Token 校 验 、 模 拟 关 注 及 取消 关注 、 发 送 文本 /图 片 /语音 /视频 /位 置 /链接 、 模 拟 事件 发 送 等 功能 。 
微 信 调试 器 支持 Chrome 浏 览 器 或 Firefox 浏 览 器 ， 不 支持 在 IE 浏览 器 下 的 使 用 。 


微 信 调试 器 的 地 址 是 http://debug.fangbei.org/， 其 界面 如 图 3-27 所 示 。 





| 消息 类 型 。 龟 关注 日 取消 关注 晤 自 定 WXML 
画 变 本 上 图片 语音 @ 视频 位 置 9 链接 中 莹 单 点 击 


| 点 送 用 户 ojpX jig-gyi3_ QfHXOA4rdHniQs 


| 接收 用 户 gh_204936aea56d 


<XM|> 
<ToUserName> <l[CDATA[gh 204936aea56d]]> </ToUserName> 
<FromUserName> <![CDATA[oJpX JIg-gyi3_Q3HHXQ4rdHniIQs]]> </FromUserName> 
<CreateTime> 1419218138</CreateTime> 
<Msglype> <![CDATA[text]]> </NsgTlype> 
<Contents <l[CDATA[?]> </Contents 
<MNlsgld>1234567890abcdef=</Msgld> 





/xmls 
图 3-27 ” 微 信 调 试 器 
3.5” 微 信 调 试 器 
3.5.1 ” 微 信 调 试 器 介绍 
微 信 调试 器 是 方 倍 工作 室 开发 的 用 于 微 信 公众 平台 接口 开发 在 线 调试 的 工具 ， 具 有 Token 校 验 、 模 拟 关 注 及 取消 关注 、 发 送 文本 /图 片 /语音 /视频 /位 置 /链接 、 模 拟 事件 发 送 等 功能 。 


微 信 调试 器 支持 Chrome 浏 览 器 或 Firefox 浏 览 器 ， 不 支持 在 IE 浏览 器 下 的 使 用 。 


微 信 调 试 器 的 地 址 是 http://debug.fangbei.org/， 其 界面 如 图 3-27 所 示 。 


日 关注 日 取 清 关注 9 自 定义 XML 
重文 本 日 图片 日 语音 9 视频 日 位置 日 链接 日 菜单 点 击 









































opX_ Jig-gyi3 QfHXQArdHnids 


qh_2049363ea56d 


<XM|> 
<ToUserNames <l[CDATA[gh 204936aea56d]]s </ToUserNames 
<FromUserName> <![CDATA[oJpX JIg-gyi3_Q3HHXQ4rdHniIQs]]> </FromUserName> 
<CreateTime> 1419218138</CreateTime> 
<Msglype> <![CDATA[text]]> </NsgTlype> 
Contents <l[CDATA[I?]]> </Contents 
<MNlsgld>1234567890abcdef=</Msgld> 
/xmMml> 





图 3-27 ” 微 信 调试 器 


3.5.2 ” 微 信 调 试 器 的 使 用 方法 
1.Token 校 验 


在 URL 输 入 框 和 Token 输 入 框 中 分 别 填 好 微 信 公众 账号 的 接口 URL 和 Token， 这 里 的 校 验 是 明文 方式 的 校 验 ， 不 需要 填写 EncodingAESKey， 如 图 3-28 所 示 。 





URL http://cctv15.sinaapp.com/ 











Teken WEelXIN 


图 3-28” 填 入 URL 和 Token 信 息 


点 击 “Token 验 证 ”按钮 ， 如 果 Token 校 验 成 功 ， 将 提示 校 验 成 功 消息 框 ， 如 果 Token 校 验 失败 ， 将 提示 校 验 失败 消息 框 ， 如 图 3-29 所 示 。 


The page at debug.fangbei.org says: 


Token 以 驴 成 功 








图 3-29 ” 校 验 成 功 提 示 框 


2. 发 送 消息 
选择 消息 类 型 ,例如 “文本 ”， 将 列 出 该 消息 类 型 的 各 项 参数 ， 在 各 项 参数 中 填 入 要 发 送 的 参数 内 容 ， 网 站 已 经 默认 填充 了 一 些 固 定 的 参数 ， 然 后 点 击 “ 发 送 消息 ”按钮 。 发 送 消 息 框 中 将 显示 本 次 发 


送 的 XML 信息 ， 接 收 消息 框 中 将 显示 接收 到 的 XML 数据 ， 如 图 3-30 所 示 。 





mm 王 三 下- 全 -全 本 下 本 3 本 本 -本 二 于- 本 本 本 本 三 下 二 划 本 本本 二 2 天 下 -下 二 和 本 本 本 -E 本 下- 下 本- 下 -本 -本 -下 -三 三 本 本 -下 本 本 本 下 二 本 本 本 人 本 下 本 本 本 要 到 本 要 二 本 下 本 二 本 本 下 二 本 本 本 要 2 王 王 王 下 = 本 本 生生 -本 本 下 -本本 本 生硬 -和 全 本 下 本 本 -全 下 全 下 本 本 本 本 = 生生 王 下 -本 下 本 下 本 -本本 三 天 全 本 生生 本 全 和 -本 本 本 下 = 下: 王 王 于 -本 本 本 到 -下 王 瑟 下- 本 本 本 到 = 和 到 本 


入 局 类 里。 说 关注 吕 上限 有 其 广 品 目 赤 WIIL 
和 和 基本 所 国 上 号 后 百 富 和 失守 位 豆 晤 桩 接 号 菜单 点 击 


2 


接收 用 户 。 | gh_204936aea560 


man 


宕 送 消 晶 。 <xml> 
<ToUserNamer <I[[CDATA[gh_204936aea5td]]* </ToUserName> 
=<FromlUserName> <![CDATALIOPR JIg-9Y3 QHAArdHnits| > </FromUserName> 
=freaateTIrns>14192193039=ACreateTiIme> 
<wTSOTIYPe>sLLDATALEKU > < ISTYPE> 
=Contents zl DATA?]S </Contents 
=< MsgLd> 1234567890abcdef </ Msgid> 
< erm| = 


= 下 于 于 人 -下 本 本 本 -全 本 本 可 -下 下 本 本 本 入 本 本 本 要 二 人 本 下 下 二 全 本 人 本 三 本 本 本 二 本 和 本 本 和 本 本 下 要 本 下 要 本 本 本 = 下 下 本 本 本 于 下 本 二 本 全 本 -3 得 本 要 人 本 本 要 下 本 本 下 本 二 本 下 和 下 -本 本 天下 下: 本 下 下 2 本 下- 全 本 本 下 = 本 于 本 本 = 本 王 下 下 -本 下 本 三 -本 下 卫生 -生生 本 下 = 生硬 本 本 全 要 下 一 本 下 本 本 = 本 本 本 下 -本 下 于 下 -本 下 相生 -本 下 于 开本 本 本 本 = 本 2 本 


接收 消息 am; 


ToUsertieme=:! [COATA[oI TE-EF13 RSFHECrdhhans] > ToLsertiase= 
| 半 ronUserName><! [CODATA[Eh 234935a2a561]]>:/FromUsarName> 

| CreasteTime M190210106 /OrgataTinoy 

| EEType> ! [OORTALtext ]]>/ MsaType> 

| mtert: LODRTAL22d4-12-22 11: 3 :4 


| op jie-Eyis THaSdrdhnig= 
| 技术 支 拉 方 们 工作 宣 ] ]><iContent> 
| /mls 


| 


图 3-30” 填 入 要 发 送 的 参数 内 容 


同时 右 侧 中 也 会 显示 微 信 效果 预览 图 ， 如 图 3-31 所 示 。 





图 3-31 微 信 效果 预览 


如 果 接 收 消息 框 中 没有 返回 XML 或 者 返回 的 内 容 中 包含 非 XML 格式 的 数据 ， 则 说 明 返 回 不 正确 ， 需 要 修改 接口 程序 。 


微 信 公 众 平台 常用 接口 


第 4 章 


大平 台 开 发 的 一 个 前 提 是 熟悉 微 信 公 众 平台 的 接口 。 微 信 公 众 平台 的 接口 有 很 多 ， 但 并 不 是 所 有 的 接口 都 会 用 到 ， 对 初学 者 来 说 ， 先 掌握 最 常用 的 一 些 接口 是 事半功倍 的 一 种 学 习 方 法 。 


主 /NA 个 


进行 微 信 公 X 言 公众 平 
本 章 介绍 微 信 公 众 平台 下 的 常用 接口 ， 包 括 : 接收 用 户 普通 消息 、 自 动 回复 消息 、 关 注 事 件 消息 、 自 定义 菜单 消息 、OAuth2.0 网 页 授权 获取 用 户 信息 、 模 板 消息 。 这 些 接口 覆盖 了 微 信 开 发 过 程 中 80% 


以 上 的 使 用 场景 
4.1 ”接收 用 己 普 通 消 息 
微 信 公 众 账号 接收 用 户 发 送 的 常用 的 消息 类 型 有 文本 (包括 表情 ) 、 图 片 、 语 音 、 地 理 位 置 等 。 下 面 分 别 进行 介绍 。 


4.1.1 文本 消息 


用 户 向 微 信 公众 账号 发 送 文本 消息 的 示例 如 图 4-1 所 示 。 
= | 2 
中 -此 二 











用 户 发 送 文 本 消息 时 ， 微 信 公 众 账号 接收 到 的 XML 数据 格式 如 下 所 示 : 


图 4-1 





用 户 发 送 文 本 消息 








<xml> 


<ToUserName><! [CDATA[gh 680bdefc8c5d] ] ></ToUserName> 
<FromUserName><! [CDATA [oTDrpJjqaASyTPnxRmpS9O ruZGsfk]]></FromUserName> 








<CreateTime>1359028446</CreateTime> 
<MsgType><! [CDATA [text] ]></MsgType> 





<Content><! [CDATA[ 微 信 公 众 平台 开发 教程 ] ] ></Content> 
<MsgId>5836982729904121631</MsgId> 
</xml> 








用 户 发 送 的 文本 消息 的 参数 及 描述 如 表 4-1 所 示 。 
表 4-1 文本 消息 的 参数 及 描述 
ToUserName 接收 方 短信 号 


FromUserName 发 送 方 账号 (一 个 OpenID) 
CreateTime 消 明 创建 时 间 ( 整 型 ) 
MsgType text 


Content 文本 消息 内 容 
MssId 消息 这 ，64 位 整 型 


4.1.2 图 片 消息 


用 户 向 微 信 公众 账号 发 送 图 片 消息 的 示例 如 图 4-2 所 示 。 


A + 和 仿 19:38 
(人 方 倍 工作 室 





图 4-2 用户 发 送 图 片 消息 


用 户 发 送 图 片 消 息 时 ， 微 信 公 众 账号 接收 到 的 XML 数 据 格式 如 下 所 示 : 


<xml> 

<ToUserName><! [CDATA[gh 680bdefc8c5d]]></ToUserName> 

<FromUserName><! [CDATA[oTDrpJjqASyTPnxRmpS90O ruZGsfk]]></FromUserName> 
<CreateTime>1359028479</CreateTime> 
<MsgType><! [CDATA[image] ] ></MsgType> 
<PicUrl><! [CDATA[hnttp://mmbiz.gqpic.cn/mmbiz/L4gqjYtOibummHn90tlmmaibYiaR81jyicF3MW7XX3BLP19ZgUb7CtZO0DxqYFI4uAQH1FWs3hUicpibjFOpOgLEQyDM1g/0]11></PicUr1> 
<MsgId>5836982871638042400</MsgId> 
<Mediald><! [CDATA[PGKsO3LAgbVTSEYOV7EGu51KUYa07DOC Nozz2fn1z6VYtLHOSF59PTF10VagGXxXKVH] ] ></MedialId> 
</xml> 















































用 户 发 送 图 片 消息 的 参数 及 摘 述 如 表 4-2 所 示 。 


表 4-2 图 片 消息 的 参数 及 描述 
ToUserName 接收 方 微 信 和 号 
FromUserName 发 送 方 账号 (一 个 OpenID |) 
CreateTime 消息 创建 时 间 ( 整 型 ) 
MseType image 
PicUrl 图 片 链接 
Mediald 图 片 消息 媒体 i4， 可 以 调用 多 媒体 文件 下 载 接 口 拉 取 数据 
MsgId 消息 这 ，64 位 整 型 


4.1.3 ”语音 消息 


用 户 向 微 信 公众 账号 发 送 语音 消息 的 示例 如 图 4-3 所 示 。 
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图 4-3 用户 发 送 语音 消息 


用 户 发 送 语 音 消息 时 ， 微 信 公 众 账号 接收 到 的 XML 数 据 格式 如 下 所 示 : 





<xml> 
<ToUserName><! [CDATA[gh 680bdefc8c5d] ] ></ToUserName> 
<FromUserName><! [CDATA 
<CreateTime>1359028025</CreateTime> 
<MsgType><! [CDATA [voice] ]></MsgType> 








i 








OIDrpjqASyTPNnxRMPS90 ruZzGsfk]]></FromJserName> 








<MedqiaIdq><! [CDATA [hGm9wmKth8RO tuv5k9fJkSbovXWZzZVYwG2jSsL7uKkCqq6qlSiLzYnFENgFNUijs] ]></MediaId> 











<Format><! [CDATA [amr] ] ></Format> 
<MsgId>5836980921722890003</MsgIgd> 
<Recognition><! [CDATA[]]></Recognition> 
</xml> 








用 户 发 送 的 语音 消息 的 参数 及 描述 如 表 4-3 所 示 。 


参 数 


ToUserName 
FromUserName 
CreateTime 
Msglype 
Mediald 


4.1.4 ”地 理 位 置 消息 


用 户 向 微 信 公 众 账 号 发 送 地 理 位 置 消息 的 示例 如 图 4-4 所 示 。 








表 4-3 语音 消息 的 参数 及 描述 
接收 方 徽 信 和 号 
发 送 方 账号 (一 个 OpenID ) 
消 且 创建 时 间 ( 整 型 ) 


语 首 为 voice 


语音 消息 媒体 这 ， 可 以 调用 多 媒体 文件 下 载 接口 拉 取 数据 
语 首 格式， 如 amr，speex 等 
消息 这，64 位 整 型 





ss ES ll | 


中 国 广东 省 深圳 市 南山 区 
华侨 域 深 南 文 兰 9001 呈 
有 邮政 编码 : 35180353 


BE Ws EE se 二 


图 4-4 用 户 发 送 地 理 位 置 消息 
用 户 发 送 地 理 位 置 消息 时 ， 微 信 公 众 账 号 接收 到 的 XML 数 据 格式 如 下 所 示 : 


<xml> 

<ToUserName><! [CDATA[gh 680bdefc8c5d]]></ToUserName> 

<FromUserName><! [CDATA[oIDrpjqASyTPNxRMPS90 ruZGsfk]]></FLACFromUserName> 
<CreateTime>1359036619</CreateTime> 

<MsgType><! [CDATA[location]]></MsgType> 

<Location X>22.539968</Location X> 

<Location Y>113.954980</Location Y> 

<Scale>16</Scale> 

<Label><! [CDATA[ 中 国 广东 省 深圳 市 南山 区 深 南 大 道 9001 号 邮政 编码 : 518053] ]></Label> 
<MsgId>5837017832671832047</MsgId> 

</xml> 













































































用 户 发 送 的 地 理 位 置 消 息 的 参数 及 描述 如 表 4-4 所 示 。 


表 4-4 ”地 理 位 置 消息 的 参数 及 描述 
ToUserName 接收 方 微 信 号 
FromUserName 发 送 方 账号 (一 个 OpenID |) 
CreateTime 消息 创建 时 间 ( 整 型 ) 
MsgType 消息 类 型 ，location 
Location XK 地 理 位 置 纬度 
Location Y 地 理 位 置 经 度 
Scale 地 图 缩放 大 小 
Label 地 理 位 置信 息 
Msgld 消息 id，64 位 整 型 


4.1.5 ”接收 消息 代码 实现 


本 节 将 上 面 的 各 种 消息 类 型 用 代码 实现 并 且 做 出 相应 的 回复 处 理 。 代 码 如 下 所 示 : 


<?php 
// 


// 接收 用 户 消 息 

“ 微 信 公众 账号 接收 到 用 户 的 消息 类 型 判断 

define ("TOKEN", “weixin");} 

Swechatobj = new wechatCallbackapiTest (); 

(!isset($ GET['echostr'])) { 

SwechatObj->responseMsg ()，; 

}elsel 
SwechatObj->valid(); 





4 




















PF- 
mh 





} 


class wechatCallbackapiTest 


{ 








public function valid() 
{ 
$echostr = $ GET["echostr"]; 
if (Sthis->checkSignature () ) { 
echo S$echoStr; 
exit; 








} 
} 






























































private function checkSignature () 
{ 
$signature = $ GET["signature"]; 
$timestamp = $ GET["timestamp"]; 
Snonce = $ GETI"nonce"]; 
$token = TOKEN; 
$tmpArr = array ($token, $timestamp, $nonce); 
sort ($tmpArr); 
stmpstr = implode( $tmpArr ); 
stmpstr = Shal( StmpStr ); 
if( StmpStr == $signature ) { 
return true; 
}elsel 
return false; 








} 
. 
public function responseMsg () 


{ 











SpostStr = SGLOBALS ["HTTP RAW POST DATA"]; 

if (!empty(SpostStr) ) { 

Spbpostobj = Simplexml load string(SpostStr， 
'SimpleXMLElement', LIBXML NOCDRATA) 

SRX TYPE = trim($postObj->MsgType); 

// 用 户 发 送 的 消息 类 型 判断 

switch (S$RX TYPE) 
{ 
































































































































case "text": // 文 本 消息 
$result = S$this->receiveText ($postObj); 
break; 

case "image": ”// 图 片 消息 
$result = S$this->receiveImage ($postObj); 
break; 

case "voice": ”// 语 音 消息 
$result = $this->receiveVoice($postObj); 
break; 

case "video": ”// 视 频 消息 
Sresult = $this->receiveVideo ($postObj); 
break; 

case "location":// 位 置 消息 
$result = $this->receiveLocation ($postObj); 
break; 

case "link": // 链 接 消息 
$result = S$this->receiveLink($postObj); 
break; 

defauilt: 
$result = "unknow msg type: ".$RX TYPE; 
break; 


echo $result; 
}else { 

echo ™;} 

exit; 


} 


大 


人 息 


private function receiveText (SobJject) 


{ 








$content = "你 发 送 的 是 文本 ， 内 容 为 : ".$object->Content; 
Sresult = Sthis->transmitText ($object, S$content); 
return S$result; 








} 


* 接收 图 片 消息 
4 
private function receiveImage ($object) 


{ 
$content = "你 发 送 的 是 图 片 ， 地 址 为 : ".$object->PicUrl; 
Sresult = Sthis->transmitText (SobJject，S$Scontent) ， 
return S$result; 



































} 


大 
* 接收 语音 消息 
人 


private function receiveVoice($object) 


{ 











$content = "你 发 送 的 是 语音 ， 媒 体 ID 为 : ".$object->MediaIg; 
Sresult = Sthis->transmitText (SobJject，S$Scontent) ， 
return S$result; 

















} 


大 


* 接收 视频 消息 
#/ 


private function receiveVideo ($object) 


{ 











$content = "你 发 送 的 是 视频 ， 媒 体 ID 为 : " .Sobject->MediaId; 
Sresult = Sthis->transmitText (SobJject，S$Scontent) ， 
return S$result; 











} 


大 


* 接收 位 置 消息 
4 
private function receiveLocation ($object) 


{ 
$content = "你 发 送 的 是 位 置 ， 纬 度 为 : " .Sobject->Location X."; 经 度 为 : 
".S$Sobject->Location Y."; 缩放 级 别 为 : ".$object->Scale."; 位 置 为 : ".$object->Label; 
Sresult = Sthis->transmitText (SobJject，S$Scontent) ， 
return $result; 









































} 


ee 


* 接收 链接 消息 
private function receiveLink($object) 


{ 
$content = "你 发 送 的 是 链接 ， 标 题 为 : " .SobJject->Title."; 内 容 为 : 
".$object->Description."; 链接 地 址 为 : ".$object->Url; 
Sresult = Sthis->transmitText (SobJject，S$Scontent) ， 
return $result; 














} 


J 
* 回复 文本 消息 
/ 
private function transmitText (SobJject，Scontent) 


{ 

















$textTpl = "<xml> 


<ToUserName><! [CDATA[SS] ] ></ToUserName> 
<FromUserName><! [CDATA[SS] ] ></EFromUserName> 
<CreateTime>%$s</CreateTime> 
<MsgType><! [CDATA [text] ] ></MsgType> 
<Content><! [CDATA[%s]]></Content> 
</xml>"; 

$result = sprintf ($textTpl, S$object->FromUserName, S$object-> 
ToUserName, time(), S$content); 

return Sresult; 

















} 


在 responseMsg () 方法 中 ， 先 提取 消息 类 型 ypostObj->MsgType， 从 而 实现 各 种 消息 类 型 的 分 离 。 在 类 wechatCallbackapiTest 中 ， 为 每 种 消息 类 型 定义 了 接收 方法 函数 。 在 每 个 方法 中 ， 返 回 消 
息 的 主要 特征 值 ， 组 成 文本 信息 作为 内 容 回 复 。 


4.2 ”自动 回复 消息 


微 信 公众 账号 常用 的 回复 用 户 的 消息 类 型 有 文本 、 音 乐 、 图 文 等 。 其 中 图 文 又 可 分 为 单 图 文 和 多 图 文 。 下 面 分 别 进行 介绍 。 


4.2.1 文本 消息 


微 信 公 众 账号 向 用 户 回复 文本 消息 的 示例 如 图 4-5 所 示 。 
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【 深 圳 】 天 气 实 况 瘟 

车 : 27C 是 大 : 59% 风 
速 : 东北 风 3 纳 

11 月 03D 周 日 27"C~23" 
小 雨 东北 风 4-5 级 
二 周一 265C~215C 
11 月 05E 周二 21°C~22°C 
阴 微风 
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微 信 公众 账号 回复 用 户 文本 消息 时 的 XML 数据 格式 如 下 所 示 : 





<xml> 

<ToUserName><! [CDATA[oIDrpjqASyTPNnxRMPS90 ruZGsfk]]></ToUserName> 
<FromUserName><! [CDATA[gh 680bdefc8c5d] ]></FromUserName> 
<CreateTime>1359036631</CreateTime> 
<MsgType><! [CDATA [text] ] ></MsgType> 

<Content><! [CDATA[【 深 圳 】 天 气 实况 温度 : 27C 湿度 : 59% 风速 : 东北 风 3 级 
11 月 03 日 周 日 27'C~23'C 小 雨 东北 风 4-5 级 

11 月 04 日 周一 26'C~21'C 阵雨 微风 

11 月 05 日 周二 27'C~22'C 阴 微风 ] ]></Content> 

</xml> 















































公众 账号 回复 文本 消息 的 参数 及 描述 如 表 4-5 所 示 。 


表 4-5 文本 消息 的 参数 及 描述 


参 数 是 否 必 须 描 述 


ToUserName 接收 方 账号 ( 收 到 的 OpenlD ) 
FromUserName 发 送 方 微 信号 
CreateTime 消 衣 创建 时 间 ( 整 型 ) 


text 


回复 的 消息 内 容 


MsgType 


Content 


4.2.2 ”音乐 消息 


微 信 公 众 账号 向 用 户 回复 音乐 消息 的 示例 如 图 4-6 所 示 。 


部 | 况 | 和 | 并 | 部 
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图 4-6 ”公众 账号 回复 音乐 消息 
微 信 公 众 账号 回复 用 户 音 乐 消息 时 的 XML 数据 格式 如 下 所 示 : 


<xml> 
<ToUserName><! [CDATA[o11B4jqgdO cRnVXK wRnSywgtQ8] ] ></ToUserName> 
<FromUserName><! [CDATA[gh pb629c48b653ej] ] ></EromUserName> 
<CreateTime>1372310544</CreateTime> 
<MsgType><! [CDATA [music] ] ></MsgType> 
<Music> 
<Title><! [CDATA[ 最 炫 民族 风 ] ] ></Title> 
<Description><! [CDATA[ 凤 凰 传奇 1 ] ></Description> 
<MusicUr1l><! [CDATA[http://zj189.cn/zj/download/music/zxmzf .mp3]]1> 
</MusicUT1> 
<HQMusicUr1><1! [CDATA[httpb:/ /zj189.cn/zj/download/music/zxmzft.mp3] ]> 
</HOMusicUFr1> 
</Music> 
</xml> 























公众 账号 回复 音乐 消息 的 参数 及 描述 如 表 4-6 所 示 。 


表 4-6 音乐 消息 的 参数 及 描述 


参 数 是 否 必 须 说 有明 


ToUserName 接收 方 账号 ( 收 到 的 OpenID ) 
FromUserName 发 送 方 微 信号 
CreateTime 消息 创建 时 间 ( 束 型 ) 


music 

音乐 标题 

音乐 措 述 

音乐 链接 

局 质量 音乐 链接 ，w 返 环境 优先 使 用 该 链接 播放 音乐 
缩 略 图 的 媒体 id， 通 过 上 传 多 媒体 文件 ， 得 到 的 id 


MsgType 

Title 
Description 
MusicURL 
HOQMusicUrl 
ThumbMediald 


| 


mm 


4.2.3 图 文 消息 


图 文 信息 可 以 分 为 单 图 文 消息 和 多 图 文 消息 ， 实 现 它们 的 代码 是 一 样 的 ， 但 在 微 信 上 的 显示 方式 上 有 细小 区 别 。 


微 信 公众 账号 向 用 户 回复 单 图 文 消息 的 示例 如 图 4- 7 所 示 。 
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图 4-7 公众 账号 回复 单 图 文 消息 


微 信 公 众 账号 回复 用 户 单 图 文 消 息 的 XML 数 据 格式 如 下 所 示 : 


<xml> 
<ToUserName><! [CDATA[oIDrpjqASyTPNnxRMPS90 ruZGsfk]]></ToUserName> 
<FromUserName><! [CDATA[gh 680bdefc8c5d] ]></FromUserName> 
<CreateTime>1359011899</CreateTime> 
<MsgType><! [CDATA [news] ] ></MsgType> 
<Content><! [CDATA[] 1></Content> 
<ArticleCount>1</ArticleCount> 
<Articles> 
<item> 
<Title><! [CDATAT [苹果 产品 信息 查询 ] a 
<Description><! [CDATA[ 序 列 写 : USE IMEI NUMBER 
MEI 写 : 358031058974471 
设备 名 称 : iPhone 5C 







































































状态 : 已 激活 

电话 支持 :未 过 期 [2014-01-13] 
硬件 保修 : 未 过 期 [2014-10-14] 
生产 工厂 : 中 国 ]] > 

</Description> 


<PicUrl><! [CDATA[http://www.doucube.com/weixin/weather/ 
icon/banner.jpg]]></PicUr]1> 
<Url><! [CDATA[]]></Ur1l> 
</item> 
</Articles> 
</xml> 
































微 信 公 众 账号 向 用 户 回复 多 图 文 消 息 的 示例 如 图 4-8 所 示 。 


这 十 自 009 


方 倍 工作 室 


天 气 深圳 . 


, 62% 风速 : 各 著 风 2 级 


建议 着 悍 外 熏 加 毛衣 寺 服 妆 。 年 老 体 
弱者 育 着 大 衣 、 了 嘱 外 嘉 加 羊 手 衬 。 


02 月 12 日 周三 10*C~6°C 阴 
其 志 温 层 (nl 微风 
东北 风 2 级 
U< 月 13 日 周 四 11°C~7?C 小 
建议 着 厚 外 套 加 毛衣 等 服装 。 年 老 体 雨 微风 
弱者 宜 着 大 衣 、 呢 外 套 加 羊毛 裕 。 
02 月 14 日 周 五 11*C-8eC 小 
02 月 12 日 周三 10*C~6°C 阳 十 东北 风 3-4 级 
微风 





图 4-8 ”公众 账号 回复 多 图 文 消 息 


微 信 公 众 账 号 回复 用 户 多 图 文 消 息 时 的 XML 数 据 格式 如 下 所 示 : 


<xml> 
<ToUserName><! [CDATA[oIDrpjqASyTPNxRmMPS90 ruZGsfk]]></ToUserName> 
<FromUserName><! [CDATA[gh 680bdefc8c5d]]1></FromUserName> 
<CreateTime>1359011829</CreateTime> 
<MsgType><! [CDATA [news] ] ></MsgType> 
<Content><! [CDATA[] ] ></Content> 
<ArticleCount>5</ArticleCount> 
<Articles> 
<item> 
<Title><! [CDATA[【 深 圳 】 实 况 温度 : 6'C 湿度 : 62% 风速 : 东北 风 2 级 ] ] ></Title> 
<Description><! [CDATA[] ]></Description> 
<PicUrl><! [CDATA[http://www.doucube.com/weixin/weather/icon/banner.jpg]]> 


























</PicUrl> 
<Url><! [CDATA [] ] ></UF1> 
</item> 
<item> 
<Title><! [CDATA[ 建 议 着 厚 外 套 加 毛衣 等 服装 。 年 老 体 弱者 宜 着 大 衣 、 呢 外 套 
加 羊毛 衫 。] ] ></Title> 
<Description><! [CDATA[] ] ></Description> 
<PicUrl><! [CDATA[http://www.doucube.com/weixin/weather/ 
icon/d00.gif]]></PicUrl1> 
<Url><! [CDATA[]]></Ur1l> 
</item> 
<item> 
<Title><! [CDATA[02 月 12 日 周三 10C~6C 阴 微风 ] ]></Title> 
<Description><! [CDATA [] ] ></Description> 
<PicUrl><! [CDATA[http://www.doucube.com/weixin/weather/ 
icon/d00.gif]]></PicUrl1> 
<Url><! [CDATA[]]></Ur1l> 
</item> 
<item> 
<Title><! [CDATA[02 月 13 日 周 四 11C>~7C 小 雨 微风 ]]></Title> 
<Description><! [CDATA[] ] ></Description> 
<PicUrl><! [CDATA[http://www.doucube.com/weixin/weather/ 
icon/d01.gif]]></PicUrl1> 
<Url><! [CDATA[]]></Ur1l> 
</item> 
<item> 
<Title><! [CDATA[02 月 14 日 周 五 11'C~8'C 小 雨 东北 风 3-4 级 ] ] ></Title> 
<Description><! [CDATA [] ] ></Description> 
<PicUrl><! [CDATA[http://www.doucube.com/weixin/weather/icon/d01. 
gif]]></PicUrl> 
<Url><! [CDATA [] ] ></UF1> 
</item> 
</Articles> 
</xml> 












































公众 账号 回复 图 文 消息 的 参数 及 描述 如 表 4-7 所 示 。 


表 4-7 图 文 消息 的 参数 及 描 


参 数 是 否 必 须 说 明 
ToUserName 接收 方 账号 【 收 到 的 OpenID ) 
FromUserName 是 发 送 方 微 信 号 
CreateTime 是 消息 创建 时 间 ( 整 型 ) 
MsgType 是 news 
ArticleCount 是 图 文 消 且 个 数 ， 限制 为 10 条 以 内 
多 条 图 文 消 息 信息 ， 上 默认 第 一 个 item 为 大 图 
注意 ， 如 采 图 文 数 超 过 10， 则 无 啊 应 
Title : 图 文 消息 标题 
Description 图 文 消 县 摘 述 
PicUrl 图 片 链接 ， 文 持 PG、PNG 梢 式 ， 较 好 的 效 有 果 为 大 图 
360 x 200， 小 图 200 x 200 


Url 点 击 图 文 消息 跳 转 链接 


在 单 图 文 消息 中 ， 标 题 、 描 述 、 图 片 分 开 显示 在 各 处 ， 图 片 为 大 图 。 在 多 图 文 信息 中 ， 每 条 信息 将 只 显示 标题 的 内 容 ， 描 述 字段 中 的 内 容 不 会 显示 ， 第 一 条 消息 标题 与 图 片 层 晋 ， 显 示 在 上 方 ， 从 第 二 
条 消息 开始 ， 对 应 的 图 片 显示 为 小 图 。 


Articles 








4.2.4 ”回复 消息 代码 实现 


本 节 将 上 述 类 型 的 响应 消息 通过 代码 实现 ， 以 便 读者 理解 。 具 体 代码 如 下 所 示 : 


<?php 
// 


// 响应 用 户 消息 
/// 微 信 公 众 账 屿 响应 给 用 户 的 不 同 消息 类 型 











define ("TOKEN", "weixin");} 

Swechatobj = new wechatCallbackapiTest (); 

if (!isset($ GET['echostr'])) { 
$swechatObj->responseMsg (); 

}elselt 
$swechatObj->valid(); 











} 


class wechatCallbackapiTest 





public function valid() 


{ 





$echostr = $ GET["echostr"]; 
if (Sthis->checkSignature () ) { 
echo S$echostr; 
exit; 








} 
} 
private function checkSignature () 


{ 











signature = $ GET["signature"]; 
timestamp = $ GET["timestamp"]; 
nonce = $ GET["nonce™"]; 
token = TOKEN; 
tmpArr = array ($token, $timestamp, S$nonce); 
ort ($tmpArr); 
tmpSstr = implode ($tmpArr); 
tmpSstr = shal (Stmpstr); 
f(StmpStr == $signature)t{ 

return true; 
}elsel{ 
return false; 
































ES Dm A 

















} 
} 
public function responseMsg () 


{ 








SpostStr = SGLOBALS ["HTTP RAW POST DATA™"]; 
if (lempty($postSstr)){ | 
$SpostOb]j] = simplexml load string($postSstr, 
'SimplexMLElement', LIBXMI, NOCDATA); | 
SRX TYPE = trim($postOobj->MsgType); 
/ /用户 发 送 的 消息 类 型 判断 
switch (S$RX TYPE) 















































case "text": 
$result = $this->receiveText ($postObj); 
break; 
Case "image": 
$result = S$this->receiveImage ($postObj); 
break; 
Case "voice": 
$result = $this->receiveVoice($postObj); 
break; 
Case "video": 
$result = $this->receiveVideo ($postObj); 
break; 
defauilt: 
$result = "unknow msg type: ".SRX TYPE; 
break; 















































} 
echo $result; 
}else { 
eeho. Ts 
exit; 
} 
} 
private function receiveText ($object 


{ 





~ 一 








Skeyword = trim($object->Content); 












































if ($keyword == "文本 ") { 

// 回 复 文 本 消息 

$content = "这 是 个 文本 消息 "; 

$result = Sthis->transmitText ($object, S$content); 
} 
else if($keyword == " 单 图 文 ") { 

// 回 复 单 图 文 消息 

$content = array(); 

$content[] = array ("Title"=>" 单 图 文 标题 "， 

















"Description"=>" 单 图 文 内 容 "， 
"PicUrl"=>"http://discuz.comli.com/weixin/weather/icon/cartoon.jpg", 
wrl" =>"http //m. cnblogs 





Com/?u=txwl1958"); 
$result = S$this->transmitNews ($object, S$content); 





} 




































































else if($keyword == "多 图 文 ") { 
// 回 复 多 图 文 消息 
$content = array(); 
$content[] = array ("Title"=>" 多 图 文 1 标 题 ",，"Description"=>""， 
"PicUrl"=>"nhnttp://discuz.comli .com/weixin/weather/icon/cartoon.jpg", "Url" =>"nttp://m.cnblogs.com/?u=txwl1958"); 
$content[] = array ("Title"=>" 多 图 文 2 标题 "， 
"Description"=>"", “PicUrl"=>"http://d.hiphotos.bdimg.com/wisegame/pic/item/f3529822720e0cf3ac9flada0846f21fbe09aaa3.jpg", 
$content[] = array ("Title"=>" 多 图 文 3 标 题 "， 
"Description"=>"", "PicUrl"=>"http://g.hiphotos.bdimg.com/wisegame/pic/item/18cb0a46f21fbe090d338acc6a600c338644adfqd.jpg", 


























$result = Sthis->transmitNews ($object, S$content); 


} 

else if ($keyword == "音乐 ") { 
// 回 复 音 乐 消息 
$content = array ("Title"=>" 最 炫 民族 风 "， 
"Description"=>" 歌 手 : 凤凰 传奇 "， 
"MusicUr1l"=>"http://121.199.4.61/music/zxmzf .mp3", 
"HOMuUsSicUrl1"=>"http://121.199.4.61/music/zxmzf.mp3"); 
$result = S$this->transmitMusic($object, $content); 






































} 


return Sresult; 





} 


private 





function receiv 


片 消息 

t = array ("MedialId"=>$object->Mediald); 

= Sthis->transmitImage ($object, $content);; 
$result; 


Image ($object) 














// 回 复 
Sconten 
$result 
return 
































} 


private function receiveVoice ($object) 


// 回 复 语音 消息 

$content = array ("Mediald"=>$object->Mediald); 
$result = S$this->transmitVoice($object, $content);; 
return S$result; 


























} 


private function receiveVideo ($object) 


/ /回复 视 频 消息 

$content = array ("Mediald"=>$object->Medial 
"ThumbMediald"=>$object->ThumbMedialg, 

$result = S$this->transmitVideo($object, $content);; 

return S$result; 








qd 


























} 


大 





* 回复 文本 消息 
六 
private function transmitText (SobJject，Scontent) 








{ 








$textTpl = "<xml> 
<ToUserName><! [CDATA[SS] ] ></ToUserName> 
<FromUserName><! [CDATA[SS] ] ></EFromUserName> 
<CreateTime>gss</CreateTime> 
<MsgType><! [CDATA [text] ]></MsgType> 
<Content><! [CDATA[%s]]></Content> 
</xml>"; 

$result = sprintf ($textTpl, S$object->FromUserName, S$object-> 
ToUserName, time(), S$content); 

return $result; 







































































} 
/* 
* 回复 图 片 消 息 
wh 
private function transmitImage ($object, $imageArray) 
{ 
$itemTpl = "<Image> 
<MediaId><! [CDATA[%s]]></MedialId> 
</Image>"; 
$item str = sprintf ($itemTpl, $imageArray['Mediald']); 
$textTpl = "<xm]> 





<ToUserName><! [CDATA[%$s]]></ToUserName> 
<FromUserName><! [CDATA[%s]]></FromUserName> 
<CreateTime>%$s</CreateTime> 








<MsgType><! [CDATA[image] ] ></MsgType> 
$item str 
</xml>"; 
$result = sprintf ($textTpl, S$object->FromUserName, S$object-> 
ToUserName, time()); 


return Sresult; 





} 


oe 

* 回复 语音 消息 

*#/ 
private 


{ 











Function transmitVoice($object, S$voiceArray) 
$itemTpl = "<Voice> 
<MediaId><! [CDATA[%s]]></Medial 
</Voice>"; 
$item str sprintf ($itemTpl, SvoiceArray['Medial 
$textTpl] = "<xml> 
<ToUserName><! [CDATA[SS] ] ></ToUserName> 
<FromUserName><! [CDATA[%s]]1></FromUserName> 
<CreateTime>%$s</CreateTime> 





qd> 























<MsgType><! [CDATA[voice] ] ></MsgType> 
$item str 
</xml>"; 
$result = sprintf ($textTpl, S$object->FromUserName, S$object-> 
ToUserName, time()); 


return Sresult; 





} 


大 


* 回复 视频 消息 
*y 











private 


{ 


Function transmitVideo($object, S$videoArray) 


$itemTpl = "<Video> 
<MediaId><! [CDATA[%s]]></MedialId> 
<ThumbMedialId><! [CDATA[%$s]1></ThumbMedial 
<Title><! [CDATA[%s]]></Title> 
<Description><! [CDATA[%$s] ]></Description> 
</Video>"; 
$item str = sprintf ($itemTpl, $videoArray['Medial 
$videoArray['ThumboMediald'] 
$textTpl = "<xm]> 
<ToUserName><! [CDATA[SS] ] ></ToUserName> 
<FromUserName><! [CDATA[SS] ] ></EFromUserName> 
<CreateTime>gss</CreateTime> 











Q> 








Qq']， 

















<MsgType><! [CDATA [video] ]></MsgType> 
$item str 
</xml>"; 
$result = sprintf ($textTpl, S$object->FromUserName, S$object-> 
ToUserName, time()); 


return Sresult; 





} 
/* 


六 
"Title"=>"", "Description"=>"") ， 








, SvideoArray['Title'], $videoArray[l'Description']); 

















wl 





"J 





=>"ht 





tp://m.cnblogs.com/?u=txw] 











|.938) > 








> 


ttp://m.cnblogs.com/?u=txw 


T9587) 


* 回复 图 文 消息 











private function transmitNews ($object, $arr item) 











if(!is array ($arr item)) 
return; 
$itemTpl = " <item> 


<Title><! [CDATA[%s]]></Title> 
<Description><! [CDATA[%$s] ]></Description> 
<PicUrl><! [CDATA[%s]1></PicUr1l> 
<Url><! [CDATA [SS] ] ></UF1> 

</item> 





$item str = " "7 
foreach ($arr item as $item) 
$item str .= sprintf ($itemTpl, $item['Title'], 
$item['Description'], S$item['PicUrl'], $item['Ur1l']); 
SnewsTpl = "<xml> 
<ToUserName><! [CDATA[%$s]]1></ToUserName> 
<FromUserName><! [CDATA[%s]1></FromUserName> 
<CreateTime>%$s</CreateTime> 
<MsgType><! [CDATA [news] ] ></MsgType> 
<Content><! [CDATA [] ] ></Content> 
<ArticleCount>%s</ArticleCount> 
<Articles> 
$item str</Articles> 
</xml>"; 
$result = sprintf ($newsTpl, S$object->FromUserName, S$object-> 
ToUserName, time(), count ($arr item)); 
return Sresult; 














sd 


























* 回复 音乐 消息 
Sy 
private function transmitMusic($object, SmusicArray) 


{ 














$itemTpl = "<Music> 
<Title><! [CDATA[%s]]></Title> 
<Description><! [CDATA[%s] ] ></Description> 
<MusicUrl><! [CDATA[%s]]1></MusicUr1l> 
<HOMusicUr1L><1! [CDATA[SS] ] ></HOMusicUTr1L> 
</Music>"; 
$item str = sprintf ($itemTpl, $musicArray['Title'], 
smusicArray['Description'], $musicArray['MusicUr1l'], $musicArray['HOMusicUr1']); 
$textTpl = "<xml> 
<ToUserName><! [CDATA[SS] ] ></ToUserName> 
<FromUserName><! [CDATA[%s]1></FromUserName> 
<CreateTime>%$s</CreateTime> 
<MsgType><! [CDATA [music] ] ></MsgType> 
$item str 
</xml>"; 
$result = 
ToUserName, time() 
return $result; 

















sprintf ($textTpl, S$object->FromUserName, S$object-> 
) 


六 





} 


4.3 ”关注 事件 消息 


用 户 关 注 和 取消 关注 公众 账号 的 时 候 将 分 别 触发 关注 事件 和 取消 关注 事件 。 


4.3.1 天 注 事 件 


用 户 关注 微 信 公 众 账 号 时 的 界面 如 图 4-9 所 示 ， 点 击 “ 关 注 ” 按 钮 ， 微 信 公 众 账 号 将 收 到 关注 事件 。 


下 向 10:00 


详细 资料 





方 倍 工作 室 





查看 历史 消息 


得 春 地 理 位 下 








图 4-9 ”关注 微 信 公众 账号 


用 户 关注 微 信 公 众 账 号 时 的 XML 数 据 格式 如 下 所 示 : 





<xml> 
<ToUserName><! [CDATA[gh b629c48b653e] ] ></ToUserName> 
<FromUserName><! [CDATA[ol11B4JjV7LA3tydjVviUp5V9aTU kA]]></FromUserName> 
<CreateTime>1372307736</CreateTime> 加 
<MsgType><! [CDATA [event] ]></MsgType> 
<Event><! [CDATA [subscribel] ]></Event> 
<EventKey><! [CDATA[] ]></EventKey> 
</xml> 


























用 户 取消 关注 微 信 公 众 账 号 时 的 界面 如 图 4-10 所 示 ， 点 击 “ 取 消 关注 ”按钮 ， 微 信 公 众 账号 将 收 到 取消 关注 事件 。 





沿 信 公仆 平 台 绎 合 解 起 方案 


提供 丙 


但 寿 历 史 认 是 


得 寿 地 理 位 站 


接收 衣 电 


= | 面 





图 4-10 ”取消 关注 微 信 公 众 账 号 


用 户 取消 关注 微 信 公 众 账 号 时 的 XML 数 据 格式 如 下 所 示 : 





<xml> 
<ToUserName><! [CDATA[gh b629c48b653e] ] ></ToUserName> 
<FromUserName><! [CDATA[o011B4jqgdO cRnVXk wRnSywgtQ8] ] ></EromUserName> 
<CreateTime>1372309890</CreateTime> 
<MsgType><! [CDATA [event]]></MsgType> 

<Event><! [CDATA [unsubscripbel] ]></Event> 

<EventKey><! [CDATA[]1></EventKey> 

</xml> 

















关注 及 取消 关注 事件 消息 的 参数 及 描述 如 表 4-8 所 示 。 
表 4-8 文本 消息 的 参数 及 描述 
参 数 描 述 
ToUserName 接收 方 微 信和 号 
FromUserName 发 送 方 账号 (一 个 OpenID ) 
CreateTime 消息 创建 时 间 ( 整 型 ) 
Mse lype 消息 类 型 ，event 
Event 事件 类 型 ，subscribe (订阅 )、unsubseribe (取消 订阅 ) 
Event 事件 KEY 值 ， 关注 / 取消 关注 事件 中 为 空 


4.3.2 ”关注 时 回复 多 图 文 


本 节 将 关注 /取消 关注 事件 消息 通过 代码 实现 ， 以 便 读者 理解 。 具 体 代 码 如 下 所 示 : 


<?php 

// 

// 关注 /取消 关注 事件 消息 

jy 微 信 公众 账号 关注 与 取消 关注 事件 消息 


define ("TOKEN", "weixin"); 
Swechatobj = new wechatCallbackapiTest (); 











if (!lisset($ GET['echostr'])) { 
SwechatObj->responseMsg ()，; 
}elsel 
Swechatopb]j->valid() ， 





} 
class wechatCallbackapiTest 


{ 





public function valid() 
{ 





$echostr = $ GET["echostr"]; 
1If (Sthis->checkSignature () ) { 
echo $echostr; 
exit; 








} 
} 
private function checkSignature () 


{ 











signature 
timestamp 


$ GETI["signature"]; 
$ GET["timestamp"]; 
ET["nonce"]; 
EN; 
tmpArr = array ($token, $timestamp, S$nonce); 
ort ($tmpArr); 
tmpSstr = implode ($tmpArr); 
tmpSstr = shal (StmpStT) ， 
f(StmpStr == $signature)t{ 
return true; 
}elsel 
return false; 
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} 
} 


public function responseMsg () 








$postStr = $GLOBALS["HTTP RAW POST DATA"]; 
£f (!empty($poststr)){ 
$postObj = simplexml load string($poststr, 
'SimpleXMLELement'，LIBXML NOCDATA); 
SRX TYPE = trim($postOobj->MsgType); 
Switch ($RX TYPE) 
rk 








EE 


























Case "event": 
$result = S$this->receiveEvent ($postObj); 
break; 





echo $result; 
}else { 


echo " "7 
exjit; 
} 
} 
private function receiveEvent ($0object) 


{ 














$content = ™""} 
switch ($object->Event) 
{ 





case "subscribe": 
































































































































$content = array(); 

$content[] = array ("Title"=>" 多 图 文 1 标 题 ",，"Description"=>"",， 
"PicUrl"=>"nhnttp://discuz.comli .com/weixin/weather/icon/cartoon.jpg", "Url" =>"nttp://m.cnblogs.com/?u=txwl1958"); 

$content[] = array ("Title"=>" 多 图 文 2 标题 ",，"Description"=>"",， 
"PicUrl"=>"http://d.hiphotos.bdimg.com/wisegame/pic/item/f£f3529822720e0cf3ac9flada0846f21fbe09aaa3.jpg", "Url" =>"http://m.cnblogs.com/?u=txw1958"); 

$content[] = array ("Title"=>" 多 图 文 3 标题 "，"Description"=>""， 
"PicUrl"=>"nhnttp://g.hiphotos.bdimg.com/wisegame/pic/item/18cb0a46f21fbe090d338acc6a600c338644adfqd.jpg", "Url" =>"http://m.cnblogs.com/?u=txwl1 958"); 

break; 

case "unsubscribe": 











$content = "取消 关注 "; 









































break; 
} 
if(is array(Scontent) ) { 
if (isset(S$Scontent [0]) ) { 
$result = Sthis->transmitNews ($object, S$content); 
}else if (isset ($content['MusicUrl1']))t 
$result = S$this->transmitMusic($object, $content); 
}elsef 
$result = S$this->transmitText ($object, S$content); 





} 


return Sresult; 





} 
大 
* 回复 文本 消息 
多 
private function transmitText (SobJject，Scontent) 


{ 














$textTpl = "<xml> 
<ToUserName><! [CDATA[SS] ] ></ToUserName> 
<FromUserName><! [CDATA[%s]]1></FromUserName> 
<CreateTime>%$s</CreateTime> 
<MsgType><! [CDATA [text] ]></MsgType> 
<Content><! [CDATA[%s]]></Content> 
</xml>"; 
$result = sprintf ($textTpl, S$object->FromUserName, S$object-> 
ToUserName, time(), S$content); 
return Sresult; 























* 回复 图 文 消息 

















private function transmitNews ($object, $arr item) 








if(!is array ($arr item)) 
return; 
$itemTpl = " <item> 
<Title><! [CDATA[%s]]></Title> 
<Description><! [CDATA[%$s] ]></Description> 
<PicUrl><! [CDATA[%s]]1></PicUr1l> 
<Url><! [CDATA[%s]]></Ur1> 

</item> 





$item str = "™"; 
foreach ($arr item as $item) 
$item str .= sprintf ($itemTpl, $item['Title'], 
$item['Description'], $item['PicUr1'], $item['Ur1']); 
SnewsTpl] = "<xml> 
<ToUserName><! [CDATA[SS] ] ></ToUserName> 
<FromUserName><! [CDATA[%s]]1></FromUserName> 
<CreateTime>%$s</CreateTime> 
<MsgType><! [CDATA [news] ] ></MsgType> 
<Content><! [CDATA[]]></Content> 
<ArticleCount>%s</ArticleCount> 
<Articles> 
$item str</Articles> 
</xml>"; 
$result = sprintf ($newsTpl, S$object->FromUserName, S$object-> 
ToUserName, time(), count ($arr item)); 
return $result; 














t= 
































* 回复 音乐 消息 
yh 
private function transmitMusic($object, SmusicArray) 


{ 














$itemTpl = "<Music> 
<Title><! [CDATA[%s]]></Title> 
<Description><! [CDATA[%$s] ]></Description> 
<MusicUrl><! [CDATA[%s]]1></MusicUr1l> 
<HOMusicUr1L><1! [CDATA[SS] ] ></HOMusicUTr1L> 
/Musio> 
$item str = sprintf ($itemTpl, $musicArray['Title'], 
smusicArray['Description'], $musicArray['MusicUr1l'], $musicArray['HQOMusicUr1']); 
$textTpl = "<xml> 
<ToUserName><! [CDATA[%$s]]1></ToUserName> 
<FromUserName><! [CDATA[%s]]1></FromUserName> 
<CreateTime>%$s</CreateTime> 
<MsgType><! [CDATA [music] ] ></MsgType> 
$item str 
</xml>"; 
$result = 
ToUserName, time() 
return S$result; 

















sprintf ($textTpl, S$object->FromUserName, S$object-> 
) 


六 





} 


在 上 面 的 代码 中 ， 判 断 消 息 类 型 为 event 而 进入 事件 方法 ， 再 判断 事件 类 型 是 否 为 天 注 或 取消 关注 事件 。 当 为 关注 事件 的 时 候 ， 回 复 一 条 欢迎 语 ; 当 事 件 类 型 为 取消 天 注 时 ， 直 接 回复 空 消息 。 因 为 这 时 
用 户 已 经 取消 关注 ， 接 收 不 到 任何 消息 。 


上 述 代 码 运行 后 ， 用 户 关 注 时 ， 回 复 的 多 图 文 消息 如 图 4-11 所 示 。 


~ 15:46 





PondBay 里 





多 图 文 2 标题 





多 图 文 3 标题 2 


图 4-11 用 户 关 注 时 回复 多 图 文 消息 


4.4 目 定 义 荣 单 


自 定 义 菜单 能 够 帮助 微 信 公众 账 号 丰富 界面 ， 便 于 用 户 与 微 信 公众 账号 互动 ， 让 用 户 更 好 、 更 快 地 理解 微 信 公 众 账 号 所 拥有 的 功能 。 


4.4.1 目 定 义 菜单 介绍 


目前 服务 号 和 通过 认证 的 订阅 号 均 可 申请 自 定 义 菜单 。 成 功 创建 自 定义 菜单 后 ， 微 信 公众 账号 界面 如 图 4-12 所 示 。 


下 -ma = 
[ 0 国 
国 加 


中 15:45 


全 








图 4-12 自 定义 菜单 效果 


目前 自 定义 菜单 最 多 包括 3 个 一 级 菜单 ， 每 个 一 级 菜单 最 多 包含 5 个 二 级 菜单 。 一 级 菜单 最 多 4 个 汉字 ， 二 级 菜单 最 多 7 个 汉字 ， 多 出 来 的 部 分 将 会 以 “http://www.hzcourse.com/resource/readBook? 
path=/openresources/teach_ebook/uncompressed/15146/OEBPS/Text/...” 代 蔡 。 请 注意 ,创建 自 定义 菜单 后 ， 由 于 微 信 客 户 端 需要 进行 缓存 ， 需 要 24 小 时 才 会 展现 出 来 。 可 以 重新 关注 微 信 公 众 账 
号 ， 这 样 就 能 马上 看 到 自 定义 菜单 。 


4.4.2 ”按钮 类 型 


目前 自 定 义 菜单 接口 可 实现 两 种 类 型 的 按钮 ， 介 绍 如 下 : 
' click: 用 户 点 击 clicK 类 型 按钮 后 ， 微 信服 务 器 会 通过 消息 接口 推送 消息 类 型 为 event 的 结构 给 开发 者 ， 并 且 带 上 按钮 中 开发 者 填写 的 Key 值 ， 开 发 者 可 以 通过 自 定义 的 Key 值 与 用 户 进行 交互 。 


“ view: 用 户 点 击 View 类 型 按钮 后 ， 微 信 客 户 端 将 会 打开 开发 者 在 按钮 中 填写 的 url 值 ( 即 网 页 链接 ) ， 达 到 打开 网 页 的 目的 。 可 以 与 网 页 授权 获取 用 户 基本 信息 接口 结合 ， 获 得 用 户 的 登入 个 人 信息 


4.4.3 创建 荣 单 


创建 菜单 的 接口 如 下 所 示 : 








https://api.weixin.gqq.com/cgi-bin/menu/create?access token=ACCESS TOKEN 


创建 菜单 时 ， 需 要 将 菜单 内 容 组 织 成 如 下 结构 ， 以 POST 的 方式 提交 给 微 信服 务 器 。 


"button™":[ 

{ 
"type":"click", 
"namen :" 今 日 歌曲 " TY 
"key" : "vy1001 TODAY | MUSIC" 




















"type™":"click", 
mame"™: "歌手 简介 ; 
"key":"V1001_ TODAY SINGER" 














"namen : "菜单 m ; 
"sub button":T[ 


{ 





"type" :Myiew" 
"namen : "搜索 TY 


wurl":"http://www.soso.com/" 


"type" “ "ViIewn 
"namen : "视频 "， 
wurl":"http://v.gqq.com/" 


"type™":"click", 
"namen : " 筠 一 下 我 们 mr 
"Key":"V1001 GOOD" 





自 定 义 菜单 内 容 的 参数 及 说 明 如 表 4-9 所 示 。 


表 4-9 自 定 义 菜单 的 参数 及 说 明 


参 数 是 否 必 须 说 明 
button 是 一 级 莱 单 数组 ， 个 数 应 为 1 ~ 3 个 
sub button 否 二 级 菜单 数组 ,个 数 应 为 1 ~ 5 个 
type 菜单 的 响应 动作 类 型 目前 有 click、view 两 种 类 型 
name 某 单 标题 ， 不 超过 16 字 下 ， 于 全 单 不 超过 40 字 市 
key click 类 型 必须 第 单 key 有 消 昌 口 推送 ， 不 超过 128 字 市 
url view 类 型 必须 网 页 链接 ， 用 户 点 击 莱 单 可 打开 链接 ， 不 超过 256 字 仙 





给 微 信 公 众 账号 创建 自 定 义 菜 单 的 代码 实现 如 下 所 示 : 


$jsonmenu = "1 
"button™:| 


{ 
mame"™: "关于 我 们 
"sub putton": [ 
{ 
"type":"click", 
"name": "公司 简 介 "， 
"key" : "公司 简介 " 


"七 YPe":" CO 
name"™: . 社会 责任 "， 
ee EF 全 尖 任 " 





"type":"click", 
mame"™: "联系 我 们 T 
"key" : "联系 我 们 " 





"namen : "产品 服务 "， 
"sub putton": [ 

{ 
"七 YPe" : "CicKk"， 
"namen : " 微 信 平台 
"keyn : " 微 信 平台 m 


"type™":"click", 
"namen : " 微 博 应 用 TY ; 
'key" : " 微 博 应 用 m 





"type™":"click", 
mame"™: "手机 网 站 m 
m key" : "手机 网 站 m 





"namen : "技术 支持 TY ; 
"sub putton": [ 


{ 





"type":"click", 
"namen : "文档 下 载 "， 
"keyn : "文档 下 载 m 


"type™":"click", 
"namen : "技术 社区 
'key" : "技术 社区 m 





"ye "cLliek, 
"name": "服务 热 线 "， 
m key" : "服务 热线 m 


}] 
} "7 
$url = "https://api.weixin.gqq.com/cgi-bin/menu/create?access 
token=" .Saccess token; 
$result = https request ($url, $jsonmenu); 
Var dump ($result); 
function https request ($url,$data = null){ 
$curl = curl init(); 
curl setopt ($curl, CURLOPT URL, $url); 
curl setopt ($curl, CURLOPT SSL VERIFYPEER, FALSE); 
curl setopt ($curl, CURLOPT SSL VERIFYHOST, FALSE); 
if (!empty(Sqata) ) { 
curl setopt ($curl, CURLOPT POST, 1); 
curl setopt ($curl, CURLOPT POSTFIELDS, $data); 
































































































































curl setopt ($curl, CURLOPT RETURNTRANSFER, 1); 
$output = curl exec ($curl); 

curl close ($curl); 

return $output; 




















正确 时 返回 的 JSON 数 据 包 如 下 : 





{"errcode":0,"errmsg":"ok"} 


错误 时 返回 的 JSON 数 据 包 如 下 (示例 为 无 效 菜单 名 长 度 ) : 


{"errcode":40018, "errmsg":"invalid button name size"} 





errcode 为 全 局 返回 码 。 


执行 上 述 代 码 后 ， 微 信 公 众 账号 底部 将 出 现 菜单 ， 效 果 如 图 4-12 所 示 。 


4.4.4 ”菜单 事件 推送 


用 户 点 击 自 定 义 菜单 后 ， 如 果菜 单 按钮 类 型 为 click， 则 微 信 公 众 平台 会 把 此 次 点 击 事件 推送 给 接口 程序 ， 按 钮 类 型 为 view 的 菜单 被 点 击 后 不 会 上 报 ， 而 是 直接 跳 转 到 对 应 的 URL。 


点 击 click 类 型 的 菜单 时 ， 接 口 程序 收 到 的 XML 数 据 包 如 下 所 示 : 


<xml> 

<ToUserName><! [CDATA [gh 82479813edq64] ] ></ToUserName> 

<FromUserName><! [CDATA[ojpX jig-gyi3 CQ9fHXQ4rqHnios] ] ></EromUserName> 
<CreateTime>1392297442</CreateTime> 
<MsgType><! [CDATA [event] ]></MsgType> 

<Event><! [CDATAT[CL] a a 

<EventKey><! [CDATA[ 公 司 简 介 ] ]></EventKey> 

</xml> 


























该 XML 数 据 包 相关 参数 及 描述 如 表 4-10 所 示 。 


表 4-10 ” 自 定义 菜单 推送 参数 及 描述 


ToUserName 接收 方 微 信 号 
FromUserName 发 送 方 几 人. 一 个 OpenID ) 


消息 


CreateTime 肖 奶 
MsegType 消息 类型， event 
Fvent 事件 类 型 ，click 
EventKey 事件 key 值 ， 与 自 定 义 菜 单 接口 中 key 值 相 对 应 





消息 接口 中 ， 响 应 自 定义 菜单 点 击 事件 的 核心 代码 如 下 所 示 : 





private function receiveEvent ($0object) 


{ 











$contentStr = "" 
switch ($object->Event) 
{ 





case "subscribe": 
$contentStr[] = array ("Title"” =>" 欢 迎 关注 方 倍 工作 室 "， 
"Description" =>" 点 击 图 片 关注 或 者 微 信 搜索 方 倍 工 作 室 "， 
"PicUTr1" =>"http://discuz.comli.com/weixin/weather/icon/cartoon.jpg", 
"Url™" =>"weixin://addfriend/pondbaystudio"); 

case "unsubscribe": 
break; 

case "CLICK™: 
Switch ($object->EventKey) 












































case "公司 简介 ": 
$contentStr [] = array ("Title"” =>" 公 司 简介 " 
"Description” =>" 方 倍 工作 室 提供 移动 互联 网 相关 的 产品 及 服务 


"PicUrl" =>"http://discuz.comli. a ee 











icon/cartoon.jpg", 
"Url™" =>"http://m.cnblogs.com/?u=txwl1 958"); 
break; 
defauilt: 
$contentStr[] = array ("Title"” =>" 默 认 菜 单 回 复 "， 
a 的 自 定义 菜单 测试 接口 "， 
"PicUrl™" =>"http://discuz.comli.com/weixin/weather/ 












































icon/cartoon.jpg", 





"Url™ =>"http://m.cnblogs.com/?u=txwl1 958"); 
break; 
} 
break; 
defauilt: 
break; 





} 


return S$contentStr; 


4. 5 [xy 页 授权 获取 用 户 信息 


4.5.1 OAuth2.0 

Auth 是 一 个 开放 协议 ， 人 允许 用 户 让 第 三 方 应 用 以 安全 且 标 准 的 方式 获取 该 用 户 在 某 一 网 站 、 移 动 或 桌面 应 用 上 存储 的 私密 的 资源 (如 用 户 的 个 人 信息 、 照 片 、 视 频 、 联 系 人 列表 等 ) ， 而 无 需 将 用 户 名 
和 密 人 码 提供 给 第 三 方 应 用 。 

OAuth 2.0 是 OAuth 协 议 的 下 一 版 本 ,但 不 向 后 兼容 OAuth 1.0。OAuth 2.0 关 注 客户 端 开发 者 的 简易 性 ， 同 时 为 Web 应 有 用、 桌面 应 用 和 手机 ， 以 及 起 居室 设备 提供 专门 的 认证 流程 。 


OAuth 人 允许 用 户 提 供 一 个 令 牌 ， 而 不 是 用 户 名 和 密码 来 访问 他 们 存放 在 特定 服务 提供 者 的 数据 。 每 一 个 令 牌 授权 一 个 特定 的 网 站 (例如 ， 视 频 编 辑 网 站 ) 在 特定 的 时 段 (例如 ， 接 下 来 的 2 小 时 内 ) 内 
访问 特定 的 资源 (例如 ,仅仅 是 某 一 相册 中 的 视频 ) 。 这 样 ，OAuth 人 允许 用 户 授 权 第 三 方 网 站 访问 他 们 存储 在 其 他 服务 提供 者 上 的 信息 ， 而 不 需要 分 享 他 们 的 访问 许可 或 数据 的 所 有 内 容 。 


OAuth 官 方 网 站 为 : http://oauth.net/，OAuth2.0 网 址 为 : http://oauth.net/2/。 


4. 5 [xy 页 授权 获取 用 户 信息 


4.5.1 OAuth2.0 

Auth 是 一 个 开放 协议 ， 人 允许 用 户 让 第 三 方 应 用 以 安全 目标 准 的 方式 获取 该 用 户 在 某 一 网 站 、 移 动 或 桌面 应 用 上 存储 的 私密 的 资源 (如 用 户 的 个 人 信息 、 照 片 、 视 频 、 联 系 人 列表 等 ) ， 而 无 需 将 用 户 名 
和 密码 提供 给 第 三 方 应 用 。 

OAuth 2.0 是 OAuth 协 议 的 下 一 版 本 ， 但 不 向 后 兼容 OAuth 1.0。OAuth 2.0 关 注 客户 端 开 发 者 的 简易 性 ， 同 时 为 Web 应 用 、 桌 面 应 用 和 手机 ， 以 及 起 居室 设备 提供 专门 的 认证 流程 。 


OAuth 人 允许 用 户 提 供 一 个 令 牌 ， 而 不 是 用 户 名 和 密码 来 访问 他 们 存放 在 特定 服务 提供 者 的 数据 。 每 一 个 令 牌 授权 一 个 特定 的 网 站 (例如 ， 视 频 编 辑 网 站 ) 在 特定 的 时 段 (例如 ， 接 下 来 的 2 小 时 内 ) 内 
访问 特定 的 资源 〈 例 如 ， 仅 仅 是 某 一 相册 中 的 视频 ) 。 这 样 ，OAuth 人 允许 用 户 授 权 第 三 方 网 站 访问 他 们 存储 在 其 他 服务 提供 者 上 的 信息 ， 而 不 需要 分 享 他 们 的 访问 许可 或 数据 的 所 有 内 容 。 


OAuth 官 方 网 站 为 : http://oauth.net/，OAuth2.0 网 址 为 : http://oauth.net/2/。 


4.5.2 ”授权 过 程 


微 信 公众 平台 OAuth2.0 授 权 详细 步骤 如 下 : 

1) 用 户 关 注 微 信 公 众 账号 。 

2) 微 信 公众 账号 提供 用 户 请 求 授权 页 面 URL。 

3) 用 户 点 击 授权 页 面 URL， 将 向 服务 器 发 出 请 求 。 

4) 服务 器 询问 用 户 是 否 同意 授权 给 微 信 公 众 账号 (scope 为 snsapi_base 时 无 此 步骤 ) 。 
5) 用 户 同意 (scope 为 snsapi_base 时 无 此 步骤 ) 。 

6) 服务 器 将 code 通 过 回调 传 给 微 信 公众 账号 。 


7) 微 信 公众 账号 获得 code。 


8) 微 信 公众 账号 通过 code 向 服务 器 请 求 Access Token。 
9) 服务 器 返回 Access Token 和 OpenlD 给 微 信 公 众 账号 。 
10) 微 信 公众 账号 通过 Access Token 向 服务 器 请 求 用 户 信息 (scope 为 snsapi_base 时 无 此 步骤 ) 。 


11) 服务 器 将 用 户 信息 回 传 给 微 信 公 众 账号 (scope 为 snsapi_base 时 无 此 步骤 ) 。 


4.5.3 ”详细 步骤 


1. 配 置 授权 回调 页 面 域名 


在 “开发 者 中 心 ”-> “接口 权限 列表 ”中 ， 找 到 “网 页 授权 获取 用 户 基本 信息 ”， 点 击 右 侧 的 “修改 ”， 如 图 4-13 所 示 。 





图 4-13” 徽 信 OAuth2.0 授 权 


授权 回调 域名 配置 规范 为 全 域名 并 且 不 带 http， 比 如 需要 网 页 授权 的 域名 为 : www.qq.com， 配 置 后 此 域名 下 面 的 页 面 http://www.qq.com/music.html、http://www.qq.com/login.html 都 可 以 进 
行 OAuth2.0 鉴 权 。 但 http://pay.qq.com、http://music.qq.com、http://qq.com 无 法 进行 OAuth2.0 鉴 权 。 


在 本 例 中 我 们 填写 mascot.duapp.com， 它 是 方 倍 工作 室 的 一 个 百度 应 用 二 级 域名 ， 如 图 4-14 所 示 。 


OAuth2.0 网 中指 


授权 回调 页 面 域名 


mascot.duapp.com 





图 4-14 配置 授权 回调 域名 


正常 情况 下 ， 顶 部 应 该 提示 “通过 安全 监测 ”， 表 示 提 交通 过 。 


2. 用 户 授权 并 获取 code 


在 域名 根 目录 下 ， 新 建 一 个 文件 ， 命 名 为 oauth2.php， 其 内 容 为 : 





<?php 
if (isset($ GET['coqe'])){ 








echo $ GET ['coqe ' ] ; 
}elsel 

echo "NO CODE"; 
} 
?> 











先 了 解 一 下 请 求 授权 页 面 的 构造 方式 ， 接 口 请 求 如 下 : 



































https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect uri=REDIRECT URI&response type=code&scope=SCOPE&state=STATE#wechat redirect 





请 求 授 权 参 数 说 明 如 表 4-11 所 示 。 


表 4-11 授权 请 求 参 数 说 明 


参 数 是 否 必 须 说 明 
appld 是 微 信 公众 账号 的 唯一 标识 
redirect Tri 授权 后 重 定 同 的 回调 链接 地 址 

返回 类 型 ， 请 填写 code 

应 用 授权 作用 域 ，snsapi base (不 弹出 授权 页 面 ， 直 接 跳 
转 ， 只 能 获取 用 户 openidj, snsapi userinfo 【弹出 授权 页 面 ， 
可 通过 openid 拿 到 昵称 、 性 别 、 所 在 地 。 并 且 ， 即 使 在 未 
关注 的 情况 下 ， 只 要 用 户 授 权 ， 也 能 获取 其 信息 ) 
state 重 定向 后 会 带 上 state 参数 ， 开 发 者 可 以 填写 任意 参数 值 

否 直接 在 微 信 打 开 链 接 ， 可 以 不 填 此 参数 。 做 页 面 302 重 

定 同 时 ， 必 须 市 此 参数 








response type 


SCOpe 





Hwechat redirect 





Scope 为 snsapi_userinfo 时 (本 节 基 于 这 个 实现 ) ， 构 造 请 求 接口 为 : 








https://open.weixin.gqq.com/connect/oauth2/authorize?appid=wx9a000b615d89c3fl&redirect uri=http://mascot.duapp.com/oauth2.php&response type=code&scope=snsapi userinfo&state=1#we 











Scope 为 snsapi_base 时 ， 构 造 请 求 接口 为 : 











https://open.weixin.gq.com/connect/oauth2/authorize?appid=wx9a000b615d89c3flg&redirect uri=http://mascot.duapp.com/oauth2.php&response type=code&scope=snsapi base&state=2#wechat 





把 这 个 链接 发 送 或 者 回复 到 用 户 微 信 中 ， 以 便 在 微 信 浏览 器 中 打开 ， 这 里 使 用 <a> 标 签 实现 如 下 : 








欢迎 学 习 方 倍 工作 室 出 品 的 微 信 公 众 平台 开发 教程 
< 


a 
href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx9a000b615d89c3flg&redirect uri=http://mascot.duapp.com/oauth2.php&response type=code&scope=snsapi userinfo&stat 














在 微 信 中 的 显示 如 图 4-15 所 示 。 


四 各 10:14 





欢迎 和 学习 方 倍 工 作 室 出 品 
的 仙 信 公众 平台 开发 教 年 


1 有 “re | i re 
而 击 这 里 体验 OAUuth 授 机 





Wy 


图 4-15 ”体验 OAuth2 授 权 


点 击 “ 点 击 这 里 体验 OAuth 授 权 ” 链 接 后 ， 弹 出 应 用 授权 界面 ， 如 图 4-16 所 示 。 











基本 资料 登录 此 应 用 


a Pa YP NS VV VO WY 村 
下 和 于是 要 三 二 于 





图 4-16 ”应 用 登录 


点 击 “ 人 允许 ”按钮 ， 将 跳 转 到 oauth2.php 页 面 ， 程 序 将 获取 code， 如 图 4-17 所 示 。 


立 用 登录 [他 





0U0364C54e24dU029f8db42 74dcaffb38 





图 4-17 获取 code 


这 时 候 可 以 通过 点 击 右 上 角 按 钮 下 的 复制 链接 ， 得 到 链接 如 下 : 





http://mascot.duapp.com/oauth2.php? coqe=00364c54e24d0029f8db4274qcaff638&state=1， 成 功 获取 codqe。 


3. 使 用 code 换 取 access token 

如 果 网 页 授权 的 作用 域 为 snsapi_base， 则 本 步 中 获取 到 网 页 授权 access_ token 的 同时 ， 也 获取 到 了 openid，snsapi_base 式 的 网 页 授权 流程 到 此 为 止 。 

换取 网 页 授权 access token 页 面 的 接口 为 : https://api.weixin.qq.com/sns/oauth2/access token? appid=APPID&secret=SECRET&code=CODE&grant type=authorization code。 
相关 参数 及 说 明 如 表 4-12 所 示 : 


表 4-12 ”换取 access_token 请 求 的 参数 及 说 明 
参数 是 否 必须 说 有明 
pg 是 微 信 公 众 账 号 的 唯一 标识 





secret 是 做 信人 公众 账 号 的 appsecret 
code 是 十 与 第 一 步 获取 的 code 参数 


grant type 是 十 与 为 authorization code 


构造 请 求 如 下 : 


https://api.weixin.dq.com/sns/oauth2/access token? appid=wx9a000b615d89c3fl&secret=0ca77dd808eelea69830d7eecd770c06&code=00364c54e24d0029f8db4274dcaff638&grant type=authorizati 





可 以 在 浏览 器 中 直接 执行 这 条 语句 ， 得 到 如 下 json 数 据 : 








"access token": "OezXcEiiBSKSxWOeoylIeBxt9UjhFtdKikeq2gavEwzxl1JhikLTyONNThNJV41 ~-qYxDZzhc7tEq4 4aNdgf12gPPO6-byBWFPPWONS- ElI7J3Pg7-gr4RgqmMBrY3fU1O00aJfd3tD7iU6qnGXX5f9UGA", 
"expires in": 7200, 
"refresh token": "OezXcEiiBSKSxWOeoylIeBxt9UjhrFtdKikeq2gavEwzxl1JhikLTyONNThJV41-qYxDZzhc7tEq4 4aNdgf1l2gNrlgJdOP1ls3jqw49fpv-KQOjni32A-DwXprScuG8 J29g9JL9qcT6WXH-fSFDr UkK3NtA", 
"openid": "o7Lp5St6n59DeX3U0C7Kric9gEx-O", 

"scope": "snsapi userinfo," 

















































































































数据 格式 解读 如 表 4-13 所 示 : 


表 4-13 换取 access_token 结 果 的 参数 及 描述 


access token 网 页 授权 接口 调用 凭证 ,注意 : 此 access token 与 基础 支持 的 access 
token 不 同 
expires in access token 接口 调用 凭证 超时 时 间 ， 单 位 ( 秒 ) 
refresh token 用 户 刷 新 access_token 
openid 了 一 标识 ， 请 注意 ， 在 未 关注 微 信 公众 账号 时 ， 用 户 访 问 微 信 公众 
号 的 网 页 ， 也 会 产生 一 个 用 户 和 微 信 公众 账号 唯一 的 OpenID 
scope ee 使 用 逗号 分 隅 


局 忆 


于 是 ， 我 们 成 功 地 通过 code 换 取 到 了 access token 以 及 refresh_token。 
4. 刷 新 access token 
官方 文档 中 提 到 了 刷新 access token 的 功能 ， 但 这 不 是 必须 要 做 的 ， 初 次 学 习 可 以 先 忽略 。 


由 于 access token 拥 有 较 短 的 有 效 期 ， 当 access token 超 时 后 ， 可 以 使 用 refresh_token 进 行 刷新 ，refresh_token 拥 有 较 长 的 有 效 期 (7 天 、30 天 、60 天 、90 天 ) ， 当 refresh_token 和 失效 后 ， 需 要 用 
户 重 新 授权 。 


获取 上 一 步 的 refresh_token 后 ， 通 过 以 下 请 求 接口 获取 access token : 














https://api.weixin.qq.com/sns/oauth2/refresh token? appid=APPID&grant type=refresh token&refresh token=REFRESH TOKEN 





该 接口 参数 及 说 明 如 表 4-14 所 示 : 


表 4-14 ”刷新 access_token 请 求 的 参数 及 说 明 


参 数 是 否 必须 说 明 
appld 是 微 信 公众 账号 的 唯一 标识 


grant type 于 与 为 refresh token 
retresh token 十 写 通 过 access_token 获取 到 的 refresh_token 参数 


这 里 构造 如 下 URL: 









































https://api.weixin.gqq.com/sns/oauth2/refresh token?appid=wx9a000b615d89c3flg&grant type=refresh tokengrefresh token=OezXcEiiBSKSxWOeoylIeBxt9UjhFtdKikeq2gavEwzxl1JhikLTyONNTNJV41 





在 浏览 器 中 执行 ， 可 以 得 到 与 之 前 相同 格式 的 json 数 据 。 
5. 使 用 access token 获 取 用 户 信息 (scope 为 snsapi_userinfo 时 ) 


请 求 接口 如 下 : 


























https://api.weixin.dq.com/sns/userinfo?access token=ACCESS TOKEN&openid=OPENID 





该 接口 参数 及 描述 如 表 4-15 所 示 : 
表 4-15 ”获取 用 户 信息 请 求 的 参数 及 描述 
access token 网 页 授权 接口 调用 凭证 ,注意 : 此 access token 与 基础 文 持 的 access token 不 同 
openid 用 户 的 唯一 标识 
lang 返回 国家 地 区 语言 版 本 ， 如 zh CN 简体 、zh TW 繁体 、en 英语 


构造 请 求 如 下 : 












































https://api.weixin.gqq.com/sns/userinfo?access token=OezXcEiiBSKSxWOeoylleBxt9UjhFtdKikeq2gavEwzx1JhikLTyONNThJV41-qYxDZzhc7tEq4 4aNdgf12gPPO6-byBWFPPWONS- ElI7J3Pg7-gr4RaqmBrY3f 














执行 上 述 接口 后 ， 得 到 如 下 数据 : 





"openid": 0 Oy 

kre " 方 倍 "， 

"sex": 1, 

"language": "Zh CN" 

"city": "Shenzhen" 

"province": "Guangdong", 

"country": "CN 

"headimgurl": "http: //wx.dqlogo.cn/mmopen/Kkv3HV30gbEZmoolrTrP4UjR 
RaqzsibUjT9JC1PJy39200NKEqzQ9yTSJZE ‘rnsRgqoLIct5NdLJgcDMicTEBiaibzLn34JLwficVv16/0", 

"privilege": [] 
































} 





上 述 参数 解读 如 表 4- 16 所 示 : 
表 4-16 ”获取 用 户 信息 结果 的 参数 及 描述 
openid 用 户 的 唯一 标识 
nickname 用 户 昵 称 
sex 用 户 的 性 别 ， 值 为 1 时 是 男性 ， 值 为 2 时 是 女性 , 值 为 0 时 是 未 知 
province 用 户 个 人 资料 填写 的 省 份 
city 凑 通 用 户 个 人 资料 填写 的 城市 
country 国家 ， 如 中 国 为 CN 


headimgurl 用 户头 像 ， 最 后 一 个 数值 代表 正方 形 头像 大 小 (有 0、46、64、96、132 数 
值 可 选 ，0 代表 640 x 640 正方 形 头 像 )， 用 户 没 有 头像 时 该 项 为 空 


privilege 用 户 特 权 信 息 ，json 数组 ， 如 微 信 沃 卡 用 户 为 (chinaunicom ) 


这 与 作者 的 个 人 微 信 是 一 致 的 ， 如 图 4-18 所 示 。 





头 昼 


名 李 
二 维 码 名 卢 


我 的 收 货 地 址 


图 4-18 ”个 人 信息 
至 此 ， 在 不 输入 账号 及 密码 的 情况 下 ， 微 信 公 众 账 号 获得 了 用 户 的 个 人 信息 ， 这 些 信息 包括 昵称 、 性 别 、 国 家 、 省 份 、 城 市 、 个 人 头像 以 及 特权 列表 。 


一 个 完整 的 OAuth2 认 证 就 完成 了 。 


4.5.4 效果 展示 


以 下 PHP 代 码 实 现 了 获取 用 户 信息 的 功能 。 


注意 ， 域 名 以 及 回调 URL 均 需要 配置 正确 ， 才 能 成 功 获 取 用 户 信息 。 


$code = $ GET["code"™"]; 
Suserinfo = getUserInfo ($code); 
function getUserInfo ($code) 


{ 





























$appid = "wx9a000b615d89c2f1"; 
$appsecret = "0ca27dd808eelea69830d7eecd270c06"; 








$access token = ""; 
// 根 据 code 获 得 Access Token 
$access token Url = "nttps://api.weixin.qgq.com/sns/oauth2/access 





token?appid=$appid&secret=$appsecret&code=$code&grant type=authorization code"; 
$access token json = https request ($access token url); 
$access token array = json decode ($access token JjJson, true); 
$access token = $access token array['access token']; 
$Sopenid = $access token array['openid']; 
// 根 据 Access Token 和 OpenID 获 得 用 户 信息 
$userinfo Url = "https://api .weixin.gq.com/sns/userinfo?access 
token=$access token&openid=$openid ™; 
$userinfo json = https request ($userinfo url); 
$userinfo array = json decode ($userinfo json, true); 
return $userinfo array; 



























































} 


























































































































function https request ($url) 
{ 
$curl = curl init(); 
Curl setopt ($curl, CURLOPT URL, $url); 
curl setopt ($curl, CURLOPT SSL VERIFYPEER, FALSE); 
curl setopt ($curl, CURLOPT SSL VERIFYHOST, FALSE); 
curl setopt ($curl, CURLOPT RETURNTRANSFER, 1); 
$data = curl exec ($curl); 
if (curl errno($curl)) {return 'ERROR '.curl error ($curl);} 
curl close ($curl); 


return S$data; 


在 jQuery Mobile 中 列 出 用 户 信息 ，HTML 核心 代码 如 下 所 示 : 





<div class="fieldcontain"> 

<label for="openid">OpenID</label> 

<input name="openid" id="openid" value="<?php echo 
suserinfo[l"openid"];?>" type="text" > 
</div> 
<div class="fieldcontain"> 

<label] for="nickname"> 昵 称 </1abel> 

<input name="nickname" id="nickname" value="<?php echo 
Suserinfo[l"nickname"];?>" type="text" > 
</div> 
<div class="fieldcontain"> 

<label for="sex"> 性 别 </label> 

<input name="sex" id="sex" value="<?php echo $userinfo["sex"];?>" 
type="text" > 
</div> 
<div class="fieldcontain"> 

<label for="country"> 国 家 </1label> 

<input name="country" id="country" value="<?php echo 
$userinfo["country"];?>" type="text" > 
</div> 
<div class="fieldcontain"> 

<label for="province"> 省 份 </1abel> 

<input name="province" id="province" value="<?php echo 
Suserinfo["province"];?>" type="text" > 
</div> 
<div class="fieldcontain"> 

<label for="city"> 城 市 </label> 

<input name="city" id="city" value="<?php echo $userinfol"city"];?>" 
type="text" > 
</div> 
<div class="fieldcontain"> 

<label for="privilege"> 特 权 </label> 

<input name="privilege" id="privilege" value="<?php echo 
Suserinfo["privilege"];?>" type="text" > 
</div> 





















































































































































效果 展示 如 图 4-19 所 示 : 


会 放血 各 12:01 二 全 于 了 SL 1202 
OAuth2.0 认 证 返回 OAuth2.0 认 证 


此 图 片 来 自 QQ 至 间 
CN 
省份 
OpenlD 
Guangdong 


ofLpt6eon39DeX3U0C /Kric9gqEx-' 
城市 
蝶 林 
shenzhen 


行 权 


Array 


HE 方 倍 工作 室 





图 4-19 ”OAuth2.0 获 取 个 人 信息 


4.6 模板 消息 


4.6.1 添加 模板 


使 用 模板 消息 需要 先 添加 模板 到 模板 库 中 ， 在 微 信 公众 平台 后 台 依 次 选择 “模板 消息 ”-> “模板 库 ”， 可 以 看 到 自己 所 申请 的 行业 的 模板 列表 ， 如 图 4-20 所 示 。 


模板 消 县 接口 文档 


授 不 到 你 想 要 的 模板 ? 帮助 我 们 完善 模板 库 


TMO0OO247 


OPENTM200303341 


| WUU 3 





图 4-20 ”模板 库 


选择 要 添加 的 模板 右 侧 的 “详情 ”链接 ， 可 以 看 到 模板 的 详细 信息 ， 如 图 4-21 所 示 。 





TMOO247 











282Yy 
最 后 修改 时 间 2013-12-24 16:11:17 
详细 内 容 ((first.DATA)) 


商品 名 称 : {{product.DATAY 
商品 价格 : {{price.DATA}) 
Ha) : {me.DATAN 
({remark.DATAY} 


内 容 示 例 安 对 ， 允 迎 使 用 目 动 告 丰 饥 购 禾 ， 


商品 名 称 : 六 草 片 
了 商品 性 [ 格 : 4 
购 关 时 间 : 2013 年 9 月 10 日 






六 | 一 中 | 











图 4-21 模板 详情 


点 击 底部 的 “添加 ”按钮 ， 该 模板 将 被 添加 到 模板 库 中 ， 如 图 4-22 所 示 。 


模板 消息 接口 文档 巨 


还 可 添加 14 个 
模板 ID 标题 


nwlsXsvw7 XVd7R7doz92Hi 购买 成 功 通 知 消费 品 
OMWFEJE9U UVvwDskbnEGt 
W 





图 4-22 ”我 的 模板 


点 击 已 添加 模板 旁 的 “详情 ”链接 ， 可 以 看 到 该 模板 消息 ID 和 该 模板 消息 的 详细 内 容 及 参数 ， 如 图 4-23 所 示 。 





模板 ID nwisXsvw7XVd7R7doz92HioMWFEjE9uUVwDskbnEGtw 
开发 者 调用 模板 消息 接口 时 棱 提 供 模板 ID 

| me | 

行业 消费 品 - 消费 品 

详细 内 容 {frst,DATAY 


商品 名 称 : {{product.DATA)) 
商品 价格 : {{price.DATA} 
购买 时 间 : (人 imme,DATA} 
tremark.DATAY 


全 发送 时 ,需要 将 和 内容 中 的 邓 数 【化 DATAH 内 为 参数 ) 赋值 苦 换 为 需要 的 信息 
内 容 示 酌 泡 寻 ， 欢 迎 使 用 自动 舍 名 机 购物 ， 


商品 名 称 : " 慕 片 
商品 价格 : 4 元 
购买 时 间 : 2013 年 9 月 10 日 





图 4-23 ”模板 ID 和 详细 参数 


4.6 ”模板 消息 


4.6.1 添加 模板 


使 用 模板 消息 需要 先 添加 模板 到 模板 库 中 ， 在 微 信 公众 平台 后 台 依 次 选择 “模板 消息 ”-> “模板 库 ”， 可 以 看 到 自己 所 申请 的 行业 的 模板 列表 ， 如 图 4-20 所 示 。 


模板 消 呈 接口 文档 


所 在 行业 消费 BR/ 消 费 品 ,其 他 /县 他 修改 行业 找 不 到 你 想 要 的 模板 ? 帮助 我 
| 1 月 电能 ee 性 ty ; mn 


Bl 


请 输入 模板 标题 


编号 
TM00247 
OPENTM20030334 


TMOO0139 





图 4-20 ”模板 库 


选择 要 添加 的 模板 右 侧 的 “详情 ”链接 ， 可 以 看 到 模板 的 详细 信息 ， 如 图 4-21 所 示 。 





TMOO247 











282Yy 
最 后 修改 时 间 2013-12-24 16:11:17 
详细 内 容 ((first.DATA)) 


商品 名 称 : {{product.DATAY 
商品 价格 : {{price.DATA}) 
Ha) : {me.DATAN 
({remark.DATAY} 


内 容 示 例 安 对 ， 允 迎 使 用 目 动 告 丰 饥 购 禾 ， 


商品 名 称 : 六 草 片 
了 商品 性 [ 格 : 4 
购 关 时 间 : 2013 年 9 月 10 日 






六 | 一 中 | 











图 4-21 模板 详情 


点 击 底部 的 “添加 ”按钮 ， 该 模板 将 被 添加 到 模板 库 中 ， 如 图 4-22 所 示 。 


模板 消息 接口 文档 巨 


还 可 添加 14 个 
模板 ID 标题 


nwlsXsvw7 XVd7R7doz92Hi 购买 成 功 通 知 消费 品 
OMWFEJE9U UVvwDskbnEGt 
W 





图 4-22 ”我 的 模板 


点 击 已 添加 模板 旁 的 “详情 ”链接 ， 可 以 看 到 该 模板 消息 ID 和 该 模板 消息 的 详细 内 容 及 参数 ， 如 图 4-23 所 示 。 





模板 ID nwisXsvw7XVd7R7doz92HioMWFEjE9uUVwDskbnEGtw 
开发 者 调用 模板 消息 接口 时 棱 提 供 模板 ID 

| me | 

行业 消费 品 - 消费 品 

详细 内 容 {frst,DATAY 


商品 名 称 : {{product.DATA)) 
商品 价格 : {{price.DATA} 
购买 时 间 : (人 imme,DATA} 
tremark.DATAY 


全 发送 时 ,需要 将 和 内容 中 的 邓 数 【化 DATAH 内 为 参数 ) 赋值 苦 换 为 需要 的 信息 
内 容 示 酌 泡 寻 ， 欢 迎 使 用 自动 舍 名 机 购物 ， 


商品 名 称 : " 慕 片 
商品 价格 : 4 元 
购买 时 间 : 2013 年 9 月 10 日 





图 4-23 ”模板 ID 和 详细 参数 


4.6.2 ”模板 消息 开 友 


根据 模板 消息 ID 和 详细 内 容 中 的 参数 ， 我 们 构造 模板 消息 包 的 JSON 格 式 如 下 代码 所 示 。 





























































































































{ 
"touser": "owddJuAiiOQpXZedAWxjpp3pPKZTZzU", 
"template id": "jDIJfuOElKcyERKOCfJ2JJTY4U1fjYI0916eax9BBu9U", 
wurl": "http://www.cnblogs.com/txwl1958/", 
"topcolor™": "#7B68EE", 
"data": { 
VE 
"value": "您 好 ， 方 倍 ， 欢 迎 使 用 模板 消息 ! "， 
"CoOlor™.: "#743A3A" 
}, 
product™: 
"value":" 微 信 公 众 平 台 开 发 最 佳 实践 "， 
"Color™.: "#FFOO00O" 
}, 
"price" { 
"value": "69.00 元 " 
"Color'" : "#C4C400" 
}, 
"time™": { 
"value": "2014 年 6 月 1 日 "， 
"Color™: "#0000FF"™" 
}, 
"remark": { 
"value": "\n 你 的 订单 已 提交 ， 我 们 将 尽快 发 货 。 祝 您 生活 愉快 !"， 
nedlor':. "#008000" 
} 
} 
} 


发 送 模 板 消 息 的 实现 代码 如 下 : 


<?php 

$stemplate = array('touser' => "owddJuAiiQpXZedAWxjpp3pkZTZzU", 
'template id' => "jDIJfuOElKcyEKOCfJ2JjTYy4U1fjYI0916eax9BBu9U", 
‘url' => "http://www.cnblogs.com/txwl1958/", 

'topcolor' => "#7B68EE", 
"data' -=> arrayt’" first => array('value' => urlencod: 

(" 您 好 ， 方 倍 ， 欢 迎 使 用 模板 消息 ! ") ， 




































































'color' => "#743A3A", 
), 


'product' => array('value' => urlencod: 














(" 微 信 公 众 平台 开发 最 佳 实践 ") ， 











'Ccolor' => "#FFOO000", 
), 






































'price' => array('value' => urlencode ("69.00 元 ")， 
'color' => "#C4C400"™, 
), 
'time'" => array('Value' => urlencod: 
("2014 年 6 月 1 mr, 
'Color' => "#0000FF", 
), 
'remark'" => array('value' => urlencod: 














("\ \n 你 的 订单 已 提交 ， 我 们 将 尽快 发 货 。 祝 您 生活 愉快 !")， 
'color' => "#008000", 
), 
) 





$url = "https://api.weixin.gq.com/cgi-bin/message/template/send?access 

token=" .Saccess token; 

$result = https request ($url, urldecode (json encode (Stemplate) ) ) ; 

Var dump ($result); 

function https request ($url,S$data = null){ 
Scurl = curl init(); 



























































































































































curl setopt ($curl, CURLOPT URL, $url); 
curl setopt ($curl, CURLOPT SSL VERIFYPEER, FALSE); 
curl setopt ($curl, CURLOPT SSL VERIFYHOST, FALSE); 
if (!empty(Sqata) ) { 

curl setopt ($curl, CURLOPT POST, 1); 

curl setopt ($curl, CURLOPT POSTFIELDS, $data); 
} 
Curl setopt ($curl, CURLOPT RETURNTRANSFER, 1); 
$output = curl exec($curl); 





curl close($curl); 
return $output; 





发 送 成 功 后 ， 效 果 如 图 4-24 所 示 。 


川 国 13:44 


全 





您 好 ， 方 倍 ， 欢 迎 使 用 模 慨 消息 ! 


商品 居 柳 : pity 平 并 开发 最 佳 实践 
商品 价格 : 
购 共 时 间 : 2014 生 6 月 1 日 


你 的 订单 已 提 变 ， 我 们 特 尽 快 发 货 ， 避 您 
生活 愉快 ! 





图 4-24 模板 消息 


第 5 章 “ 微 网 站 开发 


本 二 
是 高 客 


户 对 公司 的 了 解 及 产品 的 认识 度 ， 也 能 提高 公司 的 信誉 度 ， 有 利于 品牌 的 传播 
开发 时 要 考虑 不 同 手 机 屏幕 的 大 小 及 浏览 器 差异 导致 的 兼容 性 ， 另 外 要 考虑 到 手机 用 户 无 法 进行 鼠标 操作 ， 一 般 使 用 手指 触摸 


等 语言 . 
款 ] 坦 百 ， 


微 网 站 是 企业 的 一 张 名 片 ， 可 L$ 
开发 微 网 站 时 ， 要 使 用 到 动态 语言 以 及 HTML、CSS、JavaScript 


屏幕 界面 进行 操作 。 
本 章 使 用 静态 语言 的 方式 ， 讲 解 如 何 开发 一 个 微 网 站 ， 这 包括 首页 、 栏 目 页 、 内 容 页 的 设计 与 实现 。 


D.1 


微 网 站 的 市 场 价值 
在 著名 的 外 包 开 发 网 站 猪八戒 (地 址 : http://www.zhubajie.com/) 上 ， 通 过 搜索 “ 微 网 站 ”可 以 看 到 当前 的 微 网 站 的 开发 需求 ， 开 发 费用 都 是 相当 可 观 的 。 对 于 一 些 大 企业 的 微 网 站 的 开发 ， 其 预算 
20 参 与 | 招标 i 


更 高 ， 最 高 的 达到 10 万 级 别 ， 如 图 5-1 所 示 。 
t 半 } 未 托管 


¥ 100000 恨 行 党 网 站 的 开 恬 
本 人 现 急 需 一 家 公司 合作 ， 主 要 是 对 根 行 汶 网 站 的 开发 ， 一 期 主 .. 
二 :未 托管 


30000 徽 信 油 网 站 建站 多 用 户 平台 
的 微 信 建 站 平台 2. 可 扩展 ， 带 模板 


le Fh 让 Tm 


er | 


1、 功 能 相当 于 国内 几 

¥ 20000 北京 奇 恰 网 络 ， 油 信 公 众 服务 平台 ( 党 网 站 ) 开发 。 《内 未 托管 7 了 参与 | 招标 
服务 号 开发 网 站 用 途 : 项 目 发 起 ， 资 料 介绍 ， 讨 论 沟 名 剩 8 个 投标 机 会 
ft 未 托管 竺 托管 党 全 


# 2UUUU 证 癌 站 孙 这 开 复 技术 全 襄 PHP+mysq 


仿 苏州 大 毒 保障 ( 向 信和 号 : PICGC-=--Insurance ) 开 点 一 个 向 网站。 
猪八戒 微 网 站 开发 需求 


图 5-1 





5.2 ” 微 网 站 的 开 友 


微 网 站 的 开发 没有 固定 的 样式 ， 大 多 数 情 况 下 ， 主 要 是 根据 客户 的 需求 来 实现 相应 的 业务 。 
本 章 我 们 将 讲解 如 何 开发 实现 微 网 站 。 该 微 网 站 的 需求 主要 是 相关 新 闻 动 态 及 活动 的 发 布 、 政 策 法 规 知识 的 宣传 ， 以 及 常用 生活 知识 技巧 。 我 们 先期 使 用 静态 网 页 来 实现 。 要 求 读者 具体 一 定 的 
HTML、CSS、JavaScript 的 基础 知识 。 


5.2.1 ”首页 布局 与 设计 
在 手机 和 计算 机 站 点 上 查看 站 点 是 有 区 别 的 。 计 算 机 站 点 屏幕 大 ， 可 容纳 信息 多 ， 访 问 速度 快 ;而 手机 屏幕 小 、 可 容纳 信息 小 ， 一 般 还 使 用 手指 进行 点 击 。 这 就 决定 了 手机 网 站 文字 图 片 不 能 做 得 太 
下 部 分 为 导航 栏目 区 ， 叶 航 栏目 又 分 为 三 栏 ， 每 栏 并 排 2 个 图 标 。 这 样 设计 页 面 简洁 、 层 次 清晰 ， 并 能 更 好 地 突出 


王立 KA 六 
EE 人 , 


细 ， 内 容 也 不 宜 过 多 。 
根据 手机 屏幕 高 大 于 宽 的 特点 ， 网 站 首页 采用 “ 吕 ” 形 布局 设计 ， 上 部 分 为 攀 


主要 内 容 ， 如 图 5-2 所 示 。 


串 年 23:36 





图 5-2 首页 布局 


横幅 部 分 使 用 幻灯 轮 播 的 方式 ， 宣 传 口号 ， 这 样 可 以 吸引 





访问 者 的 注意 ， 加 强 宣传 效果 。 
其 中 导航 栏目 中 主要 有 以 下 功能 : 

1) 关于 我 们 : 用 于 介绍 单位 内 部 的 组 织 架 构 等 信息 。 

2) 最 新 动态 : 提供 最 新 的 新 闻 、 活 动 等 信息 内 容 的 发 布 。 

3) 政策 法 规 : 公布 最 新 的 政策 法 规 资料 等 信息 。 

4) 安全 常识 : 提供 生产 生活 常用 的 安全 知识 。 

5) 官方 微 博 : 链接 到 腾讯 微 博 ， 查 看 最 新 发 布 的 动态 信息 。 

6) 社区 留言 : 链接 到 微 社区 中 ， 提 供 和 网 友 的 互动 功能 。 


我 们 把 横幅 内 容 放 到 一 个 盒子 之 中 ， 其 中 定义 一 个 宽度 为 3 倍 图 片 宽度 的 列表 ， 用 来 存放 3 张 用 于 展示 横幅 的 图 片 ， 并 将 3 张 图 片 设 置 为 表格 单元 格 元 素 ， 用 于 特效 中 的 滑动 。 代 码 如 下 所 示 : 


<div> 
<div id="banner box" class="box swipe"> 
<ul style="list-style-type: none; list-style-position: initial; 
list-style-image: initial; width: 1920px; -webkit-transition-duration: 500ms; -webkit-transform: translate3d (Opx, Opx, Opx); "> 
<1i> 
<a onclick="return false;"> 
<img src="img/banner3.jpg" alt=""> 
</a> 
</1i> 
<1i> 
<a onclick="return false;"> 
<img src="img/banner2.jpg" alt=""> 
</a> 
</1i> 
<1i> 
<a onclick="return false;"> 
<img src="img/bannerl.jpg" alt=""> 
</a> 
</1i> 
eS 
<ol> 















































class="on"></1i> 
11 class=""></1i> 
LaSSs= "Sli 




















; 
j 
j 
</ol1> 
</div> 
</div> 


为 了 同一 时 刻 只 显示 一 张 图 片 ， 需 要 将 其 他 部 分 的 单元 格 图 片 隐藏 起 来 ， 同 时 对 所 有 的 元 素 都 做 出 相应 的 处 理 ， 横 幅 盒子 的 样式 控制 代码 如 下 : 


.box swipelt 
overflow:hidden; 
position:relative; 

} 

.box swipe ul{ 
-webkit-padding-start: Opx; 





} 
.box swipe>ol{ 
height :20px; 
position: relative; 
z-index:10; 
margin-top:—20pX? 
text-align:right; 
padding-right:15px; 
background-color:rgba(0,0,0,0.3); 








} 

.box swipe>ol>1i{ 
display:inline-block; 
margin: 5px 0; 
width:8px; 
height:8px; 
background-color:#757575; 
border-radius: 8px; 








} 
.box swipe>ol>1i.on{ 
background-color:#ffffff; 


























} 


而 导航 栏目 区 列表 则 存放 6 个 内 容 项 ， 每 个 内 容 项 都 包括 链接 、 图 片 及 文字 说 明 ， 相 应 的 代码 如 下 : 


<ul class="]list ul"> 
<1i> 
<a href="aboutus.html"> 
<figure> 
<div> 
<img src="img/11f296bbc0f83cbde8c02784bc3c73fa.gif"> 
</div> 
<figcaption> 关 于 我 们 </figcaption> 
</figure> 
</a> 
</1i> 
<1i> 
<a href="latest.html"> 
<figure> 
<div> 
<img src="img/908746f5f£f33374115b975b7a515781bd.png"> 
</div> 
<figcaption> 最 新 动态 </figcaption> 
</figure> 
</a> 
</1i> 
<1i> 
<a href="laws.html"> 
<figure> 
<div> 
<img src="img/34c38e577f5e7787337feal61la0d761a.jpg"> 
</div> 
<figcaption> 政 策 法 规 </figcaption> 
</figure> 
</a> 
</1i> 
<1i> 
<a href="safe.html"> 
<figure> 
<div> 
<img src="img/f47eabd4255e84ab792d5fe5f8e86698.jpg"> 
</div> 
<figcaption> 安 全 常识 </figcaption> 
</figure> 












































































































































</a> 
</1i> 
<1i> 
<a href="http://t.qq.com/doucube"> 
<figure> 
<div> 
<img src="img/£f93306140828edaa5f£f825d7cd2f09f0f.jpg"> 
</div> 
<figcaption> 官 方 微 博 </figcaption> 
</figure> 
</a> 
</1i> 
<1i> 
<a href="http://wx.wsq.9qq.com/182998484"> 
<figure> 
<div> 
<img src="img/991df18911fcel6072ac94e206b89bea.jpg"> 
</div> 
<figcaption> 社 区 留 
</figure> 
</a> 
</1i> 
</ul> 






















































































</figcaption> 


ll 





每 个 元 素 占用 50% 的 宽度 ， 这 样 就 形成 一 排 两 列 的 效果 ， 最 终 所 有 项 一 共 组 成 3 排 。 相 应 的 样式 控制 代码 如 下 所 示 。 


.list ul{ 
margin:10px 5px; 
overflow:hidden; 





} 

.list ul af 
Color:#666; 
display:block; 
background:#fff; 
border:lpx solid #efefef; 
border-radius:8px; 
—webkit-box-shadow:1lpx 2px lpx rgba (0,0,0,0.3); 
padding:10px 0; 
margin:5px; 






































.list ul figcaption{ 
line-height: 30px; 

















.list ul figure>div{ 
height:60px; 
overflow:hidden; 











} 
LSt ul Lt{ 

display:inline-block; 
width:50%; 

float:left; 

text-align:center; 
—webkit-box-sizing:border-box; 
































} 

.list ul 1i img{ 
max-width:52px; 
max-height:63px; 


上 述 代码 的 最 终 实现 效果 就 是 一 个 首页 ， 如 图 5-2 所 示 。 


5.2.2 图片 滑动 特效 实现 


为 了 让 横幅 中 的 图 片 以 滑动 的 形式 展示 出 来 ， 需 要 用 到 Swipe Js 组 件 。 

Swipe JS 是 一 个 轻 量 级 的 移动 滑动 组 件 ， 支 持 1:1 的 移动 碰 触 等 特性 ， 可 以 让 移动 Web 应 用 展现 更 多 的 内 容 ， 能 解决 很 多 移动 Web 对 滑动 的 需求 。 其 官方 网 站 为 http://swipejs.com/。 
为 了 让 图 片 能 够 滑动 ， 需 要 将 横幅 容器 传递 到 Swipe 函 数 中 ， 同 时 设置 相应 的 参数 以 控制 滑动 效果 。Swipe 提 供 如 下 参数 设置 : 
startSlide: 滑动 的 索引 值 ， 即 从 * 值 开始 滑动 ， 默 认 值 为 0 

speed: 滑动 的 速度 ， 默 认 值 300 毫 秒 

.auto: 自动 滑动 ， 单 位 为 毫秒 

:continuous: 是 否 循环 滑动 ， 默 认 值 为 ttue 

.disableSctoll: 是 否 允 许 触 摸 时 滚动 屏幕 ， 默 认 值 false 

“ stopPropagation: 停止 事件 传播 ， 默认 值 false 

. callback: 回调 函数 

“ transitionEnd: 滑动 过 渡 时 调用 的 函数 


对 于 横幅 中 的 图 片 列表 ， 其 滑动 控制 代码 如 下 : 


<script> 
$ (function (){ 
new Swipe (document .getElementById('banner box'), { 
speed:500, 
auto: 3000, 
callback: function(){ 
Var lis = $ (this.element) .next ("ol1") .children (); 
lis.removeClass ("on") .eq (this.index) .addClass ("on"); 






































} 
1 
} 3 
</script> 


在 上 述 代码 中 ， 将 ID 为 “banner_box” 的 元 素 所 包含 的 图 片 作为 滑动 对 象 ， 并且 定义 滑动 速度 为 500 毫 秒 ， 滑 动 间 隔 时 间 为 3000 毫 秒 ， 即 每 3 秒 钟 换 一 张 图片 ， 每 次 换 图 时 间 为 半 秒 钟 ， 这 样 就 现实 了 
幻灯 的 效果 。 


横幅 中 的 图 片 滑动 效果 如 图 5-3 所 示 ， 右 图 是 第 一 张 滑动 切换 到 第 二 张 时 的 效果 。 


川 面 23:35 由 
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图 5-3 ”图片 滑动 效果 


5.2.3 ”栏目 页 设计 与 实现 


栏目 相当 于 一 个 目录 ， 集 中 了 所 有 详细 内 容 的 名 称 ， 便 于 访问 者 快速 浏览 详细 内 容 的 概要 。 同 时 ， 对 于 上 下 相 邻 的 两 个 栏目 ， 通 过 其 编号 的 奇偶 性 不 同 来 设置 不 同 的 背景 色 。 
对 于 每 个 内 容 ， 我 们 使 用 二 级 标题 的 形式 来 展示 ， 大 标题 是 文章 的 标题 ， 使 用 粗 体 显示 ， 小 标题 是 副标题 ， 不 使 用 粗 体 。 


栏目 页 使 用 列表 的 方式 将 法 律 法 规 、 新 闻 活 动 信息 等 相同 的 内 容 列 出 ， 同 时 每 个 内 容 元 素 带 上 a 链接 ， 以 便 用 户 点 击 时 可 以 访问 详细 内 容 。 其 实现 代码 如 下 : 








<ul class="list ul"> 
<1i> 
<a href="news02 .htm1" class="tbox"> 
<dt> 
<hgroup> 
<h1> 洲 实 群 教 实践 活动 ， 积 极 开展 打非 行动 </h1> 
<h2> 区 安 监 局 直 管 科 坚持 群众 路 线 教育 实践 活动 ， 创 新 安全 监管 模式 </h2> 
</hgroup> 
</dt> 
</a> 
</1i> 
区 ] 生 沪 
<a href="newsl5.html" class="tbox"> 
<dqd> 
<div><img src="img/15image002.jpg"></div> 
</dd> 
<dt> 
<hgroup> 
<h1> 省 安全 生产 示范 县 命名 授 牌 暨 市 最 佳 安 监 人 员 命名 仪式 举行 </h1> 
<h2> 正 值 全 国安 全 生产 月 活动 如 火 如 蔡 开 展 的 重要 时 刻 ，6 月 16 日 上 午 ， 在 </h2> 
</hgroup> 
</dt> 
</a> 
</1i> 
































</ul> 


相应 的 样式 控制 代码 如 下 所 示 : 


.list ul 1i{ 
overflow:hidden; 
background:#f2f3f£7; 


























.list ul li:nth-of-type (2n){ 


background:#eS5e8ef; 

















.list ul li:nth-of-type(2n) dd>div:beforel 
et #e5e8ef; 

















list ul 1i a{display:block;} 
.1ist ul 1i a>*{ 
color:#707070; 
height:60px; 
vertical-align: middle; 























“1ist ul 11 dd divt{ 
position:relative; 
width:100px; 
height:60px; 
overflow:hidden; 

text-align:center; 




















.list ul 1i dd img{ 
width:100%; 
min-height:100%; 











.list ul li hgroup>*{ 
text-indent :10px; 
line-height:20px; 
font-size:14px; 
font-weight:100; 
overflow: hidden; 
height: 20px; 
padding-=right: 10px; 
































} 

.list ul 1i hgroup>h2{ 
font-size:12px; 
color:#909090; 











法 律 法 规 及 最 新 动态 的 两 个 栏目 的 最 终 实现 效果 如 图 5-4 所 示 。 
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闪 ”法律 法 规 欠 ”最 新 动态 


国家 安全 生产 监督 香 理 点 局 令 第 54 号 
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下 1 时 EE 


国家 全 生产 临 督 蕊 


国家 安全 生产 上 监督 礼 理 
职业 卫生 法 术 服 务 机 构 监 督 








国家 安全 生产 监 
用 人 单位 取 业 健康 监护 


了 & 局 到 sn 到 二 1 


国家 安全 生产 些 i 
职业 病危 害 项 目 唐 


和 基 归 晴 要 天 化 气 好 首 | ] 店 整治 情况 专项 上 下 
7 a NB | 上 南 入 Ts 车 下 





图 5-4 栏目 页 效果 


5.2.4 内 容 页 设计 与 实现 


内 容 页 面 的 设计 主要 包括 两 种 形式 ， 一 种 是 生活 类 的 内 容 介绍 页 面 ， 另 一 种 是 新 闻 类 的 内 容 介 绍 页 面 。 两 种 介绍 均 以 图 文 并 成 的 形式 展示 。 生 活 类 的 页 面 搭配 相应 场景 的 图 片 ， 而 新 闻 类 的 页 面 则 搭配 
新 闻 现场 的 图 片 介绍 。 内 容 页 最 终 是 一 个 图 文 形式 的 展示 页 。 


生活 类 的 页 面 核心 代码 实现 如 下 : 


<div class="banner"> 
<img src="img/anquanchangshi .jpg"> 
</div> 
<div class="cardexplain"> 
<ul class="round"> 
<1i> 
<h2> 防 地 震 须 知 </h2> 
<div class=" 'text"> 
(1) 保持 镇 定 ， 切 勿 离开 处 身 地 方 。<br> 
(2) 躲 在 桌子 或 坚固 结 $ 构 移 下 寻 水 拖 六 <br> 
(3) 远离 窗户 玻璃 隔 板 、 架 或 有 悬挂 物件 处 。<br> 
(4) 地 震 时 不 要 躲 在 企 楼 梯 底下 。<br> 
(5) 准备 应 付 更 多 次 余震 。<br> 
(6) 如 您 的 房屋 受到 损坏 ， 请 立即 通知 管理 处 。<br> 
(7) 切 勿 散播 谣言 或 夸大 的 报告 。 
</div> 
</1i> 
</ul> 
</div> 





















































新 闻 类 的 页 面 核心 代码 实现 如 下 : 


<section ClLass="news article"> 
<header> 加 
<h3> 区 安 监 局 开展 以 \ 防 治 职业 病 ， 
职业 要 健康 “为 主题 的 《职业 病 防 治 法 》 宣 传 活动 </h3> 
<small class="gray">2014.04.28</small> 
</header> 
9 
>&nbsp; &nbsp; &nbsp; &nbsp; 区 安全 监管 局 在 《职业 病 防 
治 法 》 0 Da 卫生 管理 示范 企业 创建 为 契机 ， 突 出 以 “防治 职业 病 ， 职 业 要 健康 ”为 主题 ， 开 展 了 形式 多 样 宣传 活动 。 针 对 辖区 粉尘 职业 危害 较 严 重 的 情况 ， 把 人 尘肺 病 防治 作为 宣传 重点 ，- 
































<img src="img/5image008.jpg" alt=""> 
。 





nbsp; &nbsp; &nbsp; 5&nbsp; 5&nbsp; 本 次 宣传 活动 得 到 了 
湖南 省 职业 病 防治 院 的 大 力 安 持 ， 红 网 和 湖 南安 全 与 防 灾 杂 志 社 的 记者 也 到 现场 进行 了 宣传 采访 ， 


</p> 








</article> 
</section> 





可 以 看 出 ， 这 些 页 面 的 实现 方式 其 实 比较 简单 ， 内 容 页 的 实现 效果 如 图 5-5 所 示 。 
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欠 ”工作 动态 


让 实业 大 申 全 ， 遍 当 宇 区 区 惨 司 攻 广 
卫 加 为 两 划 国 区 委 中 心 组 ( 扩大) 理 
伦 学 习 授 访 


大 室 防盗 措施 


1 、 楼 房 要 安装 防盗 铁 | ] , 老式 平房 在 局 销 
外 安装 防 押 角 铁 ，“ 双 你 险 锁 ” ,大洲 阮 及 一 | | 
多 户 要 安装 总 硕 ， 有 条 件 的 住户 要 安装 报警 
准 直 ， 

2 、 底 层 疝 秆 面 的 窗户 要 安 妆 铁 桥 杜 ， 秩 栅 


| 6 月 9 日 平年 ， 刘 宾 委 考 二 任 、 市 最 量 明 釉 局 
间距 不 超过 1 5 厘米 ， 并 要 加 固 气 窗 、 排 气 i 


局 长 、 南 实证 华 产 计 师 团 式 民间 JJ 和 骨 同 尼 攻 这 
委 中 心 组 (扩大 ) 理论 学 习 授 课 ， 有 十 花 区 全 体 在 





如 果 要 实现 内 容 在 后 台 的 发 布 ， 一 般 需 要 用 到 框架 ， 例 如 ThinkPHP， 用 于 文章 的 保存 及 管理 ; 同时 还 需要 一 个 编辑 器 ， 例 如 百度 UEditor， 用 于 编辑 文章 。 


5.2.5 ”腾讯 微 埔 、 短 社区 的 接 入 

除了 自己 开发 的 页 面 之 外 ， 我 们 还 可 以 接 入 两 个 有 代表 性 并 和 微 信 兼 容 非常 好 的 第 三 方 应 用 ， 分 别 是 腾讯 微 博 和 微 社 区 。 这 两 个 应 用 可 以 让 使 用 户 在 微 网 站 上 参与 沟通 互动 ， 让 用 户 有 机 会 发 表 他 们 的 
意见 建议 ， 帮 助 改进 服务 。 

腾讯 微 博 的 申请 地 址 是 http://t.qq.com/。 申 请 了 腾讯 微 博之 后 ， 运 营 者 可 以 友 布 新 的 动态 信息 ， 用 户 可 以 评论 、 转 发 内 容 。 

微 社区 的 申请 地 址 是 http://wsq.qq.com/。 用 户 可 以 在 微 社区 中 发 帖 和 进行 回复 。 与 微 博 不 同 的 是 ， 在 微 社区 中 ， 用 户 不 仅 能 接收 信息 ， 还 能 创造 信息 。 


申请 腾讯 微 博 后 ， 将 直接 获得 个 人 的 微 博 地 址 ， 如 方 倍 工作 室 的 腾讯 微 博 地 址 为 http://t.qq.com/doucube。 而 申请 微 社区 之 后 ， 也 会 分 配 一 个 链接 地 址 ， 如 方 倍 微 社区 的 链接 地 址 
为 http://wx.wsq.qq.com/182998484。 将 上 述 地 址 填 入 链接 后 ， 在 微 信 中 打开 微 博 和 微 社区 的 效果 如 图 5-6 所 示 。 


Vv = ll 23:41 
欠 腾讯 微 博 


是 国 量 方 倍 工作 室 + 路 
女 广东 计算机。 网络。 技术 





a | 作 = RE 
到 至 Ej] 有 
1 | 1 1 | ] 


方 倍 工作 室 
《 教 芭 世 妈妈 用 微 信 》 一 书 内 容 丰富 ， 涵 四 到 《 微 信 公众 平台 开发 最 佳 实践 》 
盖 微 信 使 用 主要 内 容 ， 包 括 教 父母 用 手机 已 正式 在 天 猫 、 当 当 网 、 京 东 商城 上 架 
上 网 、 使 用 手机 打字 、 申 请 微 信 账 号 、 熟 销售 。 书 中 内 容 从 上 百 个 微 信 开 发 商业 
悉 微 信和 界面 、 设 置 微 信 信 息 、 用 微 信 添 加 项 目 中 挑选 经 典 应 用 编写 ， 并 包含 近 30 
朋友 、 使 用 微 信 聊 天 、 使 用 微 信 群 和 朋友 多 个 功能 或 应 用 案例 ， 实 用 价值 极 高 ! 
图 、 玩 仙 信 游戏 、 微 信 公 众 账号 和 微 信安 、 7 发 证 是 








图 5-6 ”腾讯 微 博 和 微 社区 


第 6 章 ” 微 信 写 销 系统 的 开 友 及 实现 


曹 销 是 网 络 经 济 时 代 企 业 营 销 模式 的 一 种 ， 是 伴随 着 微 信 的 火热 而 兴起 的 一 种 网 络 营销 方式 。 微 信 不 存在 距离 的 限制 ， 用 户 注册 微 信 后 ， 可 与 周围 同样 注册 的 “朋友 ”形成 一 种 联系 ， 订 阅 自己 所 需 的 
信息 ， 商 家 通过 提供 用 户 需要 的 信息 ， 推 广 自 己 的 产品 ， 从 而 实现 点 对 点 的 营销 。 


微 信 上 的 营销 方式 非常 多 ， 最 常见 的 有 大 转盘 抽奖 、 签 到 名 换 积 分 、 朋 友 轿 助力 等 。 本 章 以 微 信 大 转盘 为 例 ， 介 绍 微 信 营销 系统 的 开发 及 实现 。 


6.1 营销 系统 市 场 价值 


在 猪八戒 微 网 站 上 ， 通 过 搜索 “大 转盘 抽奖 ”可 以 看 到 当前 的 微 信 大 转盘 抽奖 的 开发 需求 ， 大 部 分 的 开发 费用 都 在 数 干 元 ， 如 图 6-1 所 示 。 


4UUU 蔗 一 次 大 和 苇 昌 其 实 项 动 5( 山 ，UE 和 如 可 以 控 记 ) - 未 托 阁 6 地 与 | 把 标 
1 关注 居 正 同 ,回复 -所在 城市 + 员工 姓名 ,系统 目 动 四 复 引 导 闪 .… 世 镜 10 个 投标 机 会 


¥ 2000 网 矶 幸运 太 转 琢 抽奖 制作 羊 } 未 托 5 参 污 | 招标 
要 做 一 个 和 这 个 差 不 包 的 网 页 : http:jhdjinniu.meti#dzp_rules 详 .. 忆 剩 10 个 投标 机 会 





图 6-1 猪八戒 微 网 站 开发 需求 


对 于 一 个 单一 模式 的 营销 系统 开发 来 说 ， 这 个 价格 还 算 合理 。 作 者 为 许多 客户 开发 的 大 转盘 抽奖 系统 均 在 这 个 价格 区 间 ， 而 且 开发 一 次 之 后 ， 代 码 是 可 以 重用 的 ， 只 需 维护 即 可 。 


6.2 ” 瑟 销 系统 的 开 皮 


实现 一 个 营销 系统 的 开发 要 比 微 网 站 更 难 ， 因 为 这 需要 做 更 多 的 互动 控制 用 户 行为 ， 配 置 后 台数 据 ， 也 就 意味 着 开发 更 加 复杂 。 


6.2.1 数据库 设计 


一 般 说 来 ， 大 转盘 营销 系统 中 ， 至 少 需要 包含 以 下 表 。 

* 全 局 配置 表 : 用 于 存储 系统 的 配置 信息 。 

` 奖品 配置 表 : 用 于 存储 奖品 名 称 及 数量 等 信息 。 

* 用 户 信 息 表 : 用 于 记录 参加 活动 的 用 户 信息 。 

抽奖 记录 表 : 用 于 记录 用 户 参加 的 活动 。 

在 数据 库 设置 之 前 ， 需 要 创建 一 个 数据 库 ， 这 里 所 创建 的 数据 库 的 名 称 为 “wx_dazhuanpan”。 “wx” 是 “ 微 信 ”二 字 拼 音 的 首 字 母 ，“dazhuanpan” 则 是 “大 转盘 ”的 拼音 。 


在 phhpMyAdmin 的 后 人 台中， 选择 “Database” (数据 库 ) 标签 ， 然 后 在 “Create Database” (创建 数据 库 ) 功能 框 中 输入 数据 库 的 名 称 “wx _ dazhuanpan” ， 编 码 类 型 选择 “utf8 general ci 
最 后 点 击 “Create” (创建 ) 按钮 ， 如 图 6-2 所 示 。 


轴 Semver localhost 


引 Databases | 剧 SQL | 加 Status 四 Users | 局 Export 图 Import 


Databases 


也 Create database @ 


wx_dazhuanpan ] utf8_general_ci T | Create ) 





图 6-2 创建 数据 库 


创建 好 数据 库 之 后 ， 我 们 开始 创建 表 。 


一 般 说 来 ， 一 个 活动 的 开展 ， 总 会 有 个 开始 时 间 和 结束 时 间 ， 这 是 系统 开发 过 程 要 考虑 的 。 另 外 ， 由 于 这 是 一 个 抽奖 活动 ， 而 抽奖 活动 不 可 能 给 用 户 无 限 次 的 抽奖 机 会 ， 所 以 还 需要 做 一 个 抽奖 次 数 限 
制 。 


我 们 定义 一 个 配置 表 ， 该 配置 表 用 于 存储 上 述 配置 内 容 。 该 表 的 建 表 脚 本 如 下 : 











LE IE EXISTS ‘wx config ; 
CREATE TABLE IF NOT EXISTS ‘wx Config ( 
‘id int(5) NOT NULL, 



























































‘starttime ” varchar (30) NOT NULL, 
“enatime ”Varchar (30) NOT NULL, 
“maxtimes ”Varchar (5) NOT NULL, 
PRIMARY KEY (id) 
) ENGINE=MyISAM DEFAULT CHARSET=utf8; 















































你 可 以 使 用 phpMyAdmin 数 据 库 后 台 的 创建 表格 功能 来 建立 这 个 表 ， 依 次 填写 表 名 及 各 个 字段 名 称 、 类 型 及 其 他 属性 ， 如 图 6-3 所 示 。 


国 ”上 柯 semeriocanost * 图 Database: wx_dazhuanpan > 图 Tabler wx_config 





司 Browse 续 Structure | 局 SQL 马 Search 怠 Insert 加 Export 局 Import | 坊 Operations 各 Triggers 


|Table name: | wx_confio dd 1 | column(s) (co 


























LengthyjValues 已 Default 已 lati Attributes Null Index 


None [ | | 了 | 日 | PRIMARY 


IE ee | EE 
| ep | | VARCHAR [30 | None "| 


CE [TIRE 











上 一 一 一- 一 一 -一 一 -一 -一 





























| Table comments: storage Engine: @ Collation: 


| | | MISAM "| 


图 6-3 ”创建 表 


也 可 以 直接 在 SQL 运 行 框 上 使 用 上 述 脚 本 来 建 表 ， 如 图 6-4 所 示 。 


一 |] Server localhost » 轿 Database: wx _dazhuanpan 





肺 Structure | 加 SQL 虽 Search 加 Query 图 Export 
Run SQL query/qgueries on database wx_dazhuanpan: 加 



































































































































1 DRODP TABLE IF EXISTS ‘Wx COnNnfigo } 

2 CREATE TABLE IF NOT EXISTS ‘wx config™ 【 

\ ‘2d int(s) NOT NULDL, 
“starttime varchar(30) NOT NULL, 
“endtime” varchar(30) NOT NULL 
maxtimes” Varchar(S) NOT NULL, 
BPRIMARY EEY (“1id') 

) ENGINE=MYyISAM DEFAMULT CHARSET=utf8; 





图 6-4 运行 SQL 脚本 建 表 


创建 好 的 全 局 配置 表 如 图 6-5 所 示 。 


加 EE] Server localhost s 畴 Database: wx_dazhuanpan » 图 Table: WxX_ config 


图 Browse Structure 证 SQL 总 Search 到 Insert | 避 Export | 国 Import | 


# Name Type Collation Attnbutes Null Default Extra Action 

1 id intrs) No None Change @ Drop PT 

2 starttime varchar(30) utfs_general_ci No None 2 Change @ Drop DF 

3 endime varchar(30) utf8_general_ci No None Change @ Drop Hf 

4 maxtimes varchar(5) utis_general_dl No None 2 Change @ Drop Ff 
个 ” 国 Check AIl With selected: [| Browse 2 Change 加 Drop DPrimary 国 Unique 


上 Print view 是 Fropose table Structure a Move columns 


了 c Add column(s) ® AEnd of Table © 此 Beginning of Table OO After| id 于 | (Go 


- |Indexes 
We Indexes 蝇 


Action Keyname Type Unique Packed Column Cardinality Collation Null Comment 
2 Edit @ Drop PRIMARY BTREE Yes No id 0 和 A No 





图 6-5 ”表格 创建 成 功 
奖品 配置 表 则 用 于 存储 奖品 信息 ， 这 些 信息 包括 : 奖品 名 称 、 奖 品 数 量 及 中 奖 概率 。 


建 表 的 SQL 脚本 如 下 : 








DROP TABLE IF EXISTS ‘wx award `， 
CREATE TABLE IF NOT EXISTS ‘wx awarq'` ( 

‘id int(10) unsigned NOT NULL AUTO INCREMENT, 
“name ”varchar (50) NOT NULL COMMENT ' 奖 品名 称 '， 
`total”int (11) NOT NULL COMMENT ' 数 量 '， 
‘prob varchar(20) NOT NULL, 

IMARY KEY (i 













































































PR 于 加 ) 
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUITO NCREMENT=1] ， 

































































创建 后 的 奖品 配置 表 如 图 6-6 所 示 。 

# Name Type Collation Attnbutes Null Default Extra Action 
int(10) SSE No None AUTO_INCREMENT Change i 
varchar(50) utfe general ol No None i Change 
intC11) None 2 Change 


varchar(20) utfe general Ci No None i Change 
Check All With selected: 人 Browse 2 Change @ Drop 今 Primary 国 Unique 


Printview 三 Propose table structure @@ if» Move columns 





column(s) ®@ AEnd ofTable @ MBeginningofTable © Afer /id 


Indexes 品 


Action Keyname Type Unique Packed Column Cardinality Collation Null Comment 
Edit @ Drop PRIMARY BTREE Yes No id 4 A No 





图 6-6 ”奖品 配置 表 


用 户 信 息 表 主 要 用 于 存储 用 户 的 个 人 信息 ， 这 些 信息 包括 : 微 信 OpenID、 用 户 姓 名 、 用 户 手机 号 。 


建 表 的 SQL 脚本 如 下 : 











DROP TABLE IF EXISTS ‘wx User ， 

CREATE TABLE IF NOT EXISTS ‘wx _ user ( 
“id int(6) NOT NULL auto increment, 
‘openid varchar (30) NOT NULL, 
“name ” varchar (16) NOT NULL, 
‘mobile varchar(15) NOT NULL, 
PRIMARY KEY (id ), 

UNIQUE KEY ‘openid  ( openidqd ) 

) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO NCREMENT=1 ， 


























































































































为 了 防止 同一 个 人 多 次 重复 提交 而 导致 出 错 ， 我 们 对 openid 设 置 了 唯一 性 约束 ， 这 样 可 以 避免 出 现 同 一 人 多 次 重复 提交 个 人 信息 的 情况 。 对 于 一 些 潜在 的 隐患 ， 我 们 应 该 在 设计 时 就 防 患 于 未 然 。 


创建 好 的 用 户 信息 表 如 图 6-7 所 示 。 


图 Server: localhost > 国 Database: wx _dazhuyuanpan »s 图 Table- WX_USer 


Browse i Structure 避 SQL Search | 腾 Insert | 总 Export 加 Import | 
# Name Type Lollation Attnbutes Null Default Extra Action | 
1 id int(6) No None AUTO_INCREMENT ,2 Change 
2 openid varchar(30) utfB_ general_ci No None 2 Change 
3 name varchar(16) utf8 general_ CI No None Change 


4 mobile varchar(15) utfe_general_cl No None i Change 


个 回 CheckAl Withselected: 加 Browse Change 加 Drop 今 Primary 网 Unique 


同 Printview 中 Propose table structure 太 Move columns 
3 Add |1 ] column(s) ® AEnd ofTable © AtBeginning ofTable © After| id 


Indexes 











Indexes 而 


Action Keyname Type Unique Packed Column Cardinality Collation Null Comment 
Edit @ Drop PRIMARY BTREE Yes No id 0 和 A No | 
:Edit @ Drop openid BTREE Yes No openid 0 和 A No 





图 6-7 用 户 信 息 表 
抽奖 记录 表 主 要 用 于 存储 用 户 的 抽奖 纪录 ， 这 些 信息 包括 : 微 信 OpenID、 奖 品 等 级 、 抽 奖 日 期 、 领 奖状 态 。 


建 表 的 SQL 脚本 如 下 : 

















DROP TABLE IF EXISTS ‘wx winner } 

CREATE TABLE IF NOT EXISTS ‘wx winner” ( 
“idq int(10) unsigned NOT NULL auto increment, 
‘openid varchar (30) NOT NULL, 
`award”varchar (100) NOT NULL COMMENT ' 奖 品 等 级 '， 
getdate ” varchar (20) NOT NULL, 
“status”tinyint (1) NOT NULL default '0' COMMENT '0 未 领 奖 ，1 已 领 奖 '， 
PRIMARY KEY (id) 

) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO INCREMENT=1 ; 





























































































































创建 好 的 抽奖 记录 表 如 图 6-8 所 示 。 


加 | Server localhost » WW Database: wxshane s 区 Table Wx_wWwinner 


i Browse | ae Structure Bi SQL Search | Be Insert | | 记 Export | 区 Import 餐 


# Name Type Collation Attnbutes Null Default Extra Action 

1 讨 ntr10) De No None AUTO INCREMENT ‘2? Change 
2 Openid wvarchart30) utfe general di No None i Change 
3 award varchar(100) utf8_general_ci No None “Change 
4 getdate varchart20) ute general_ 总 No None Change 


5 status tinyint(1) No 0 2 Change 


pn CheckAyl With selecited =| Browse " Change @®B Drop 2 Primary | 于 Unique 


晤 Printview 晤 Propose table structure 态 Move columns 


Ee Add |1 | columnts) @ AMEnd ofTable © AMBeginning of Table © After | id T | | Go | 


- |INndexes 


Keyname Type Unique Packed Column Cardinality Collation Null Comment 
Edit @ Drop PRIMARY BTREE Yes No id 30 A No 





图 6-8 抽奖 记录 表 


最 终 ， 在 数据 库 中 创建 了 4 个 表 ， 如 图 6-9 所 示 。 


Table sa Action Rows @ Type tollation 
Wx_award 国 Browse BA Structure 三 Search Insert 屿 Empty @ Drop 4 MYISAM utf8_general_ci 
wx_config :Browse 入 Structure 多 Search 苇 Inser 锣 Empty @ Drop 1 WYISAM utfe general ci 


Wx_User 图 Browse BA Structure 焉 Search 经 Insert 内 Empty @ Drop ”MYISAM utf8_general_ci 


wx_Winner “|Browse i Structure .要 Search 3é Insert 各 Empty 外 Drop 0 MYISAM utfeB_general_ci 
Sa as InnoDB uti8_general ci 





图 6-9 ”所 有 表格 


6.2.2 ”网 页 授权 防 作 次 


在 抽奖 类 系统 的 开发 中 ， 防 作 次 是 非常 重要 的 安全 措施 之 一 。 如 果 没 有 防 作 疾 机 制 ， 那 么 可 能 所 有 的 奖品 都 会 被 作业 软 件 一 扫 而 光 。 
微 信 公 众 平台 提供 的 OAuth2.0 网 页 授权 ， 可 以 限定 用 户 必 须 在 微 信 中 打开 ， 并 且 可 以 通过 查询 用 户 的 订阅 状态 限定 已 经 关注 微 信 公 众 账 号 的 用 户 才能 参加 活动 。 


下 面 是 方 倍 工作 室 开 发 的 微 信 公众 平台 高 级 接口 PHP SDK 中 关于 OAuth2.0 网 页 授权 的 代码 。 











require once('configure.php');  // 引 用 配置 
class class weixin 
{ 
Var S$appid = APPID; 
Var S$Sappsecret = APPSECRET; 
/ /构造 函 数 ， 获 取 Access Token 
public function construct ($appid = NULL, $appsecret = NULL) 
{ 























if($appid && Sappsecret){ 
sthis->appid = $appid; 
Sthis->appsecret = $appsecret; 





} 
$url = 
"https://api .weixin.gqq.com/cgi-bin/token?grant t ype=client credential&appid=".$this->appid."&secret=".$this->appsecret; 
$res = $this->http request ($url); 
$result = json decode ($res, true); 
$this->access token = $result["access token"]; 
$this->expires time = time(); 








} 
// 生 成 OAuth2 的 URL 
public function oauth2 authorize($redirect url, $scope, $state = NULL) 


{ 














Surl 
"https://open.weixin.qq.com/connect/oauth2/authorize?appid=".$this->appid."g&redirect uri=".$redirect url."&response type=code&scope=".$scope."&state=".$state."#wechat redirect" 
return Surl; 





// 生 成 OAuth2 的 Access Token 


public function oauth2 _ access token ($code) 


{ 





$url 


= "nttps://api.weixin.gqgq.com/sns/oauth2/access token?appid=" 
.$this->appid."&secret=".$this->appsecret."&code=".$code."&grant type=authorization code"™; 
Sres = S$this->http request ($url); 





return json decode (sres, true); 




















} 
//http 请 求 ( 支 持 GET 和 POST) 











protected function http request ($url, $data = null) 




























































































Seurl = curl jnit()s 

Curl setopt ($curl, CURLOPT URL, $url); 

curl setopt ($curl, CURLOPT SSL VERIFYPEER, FALSE); 
curl setopt ($curl, CURLOPT SSL VERIFYHOST, FALSE); 
if (!empty(Sqata) ) { 


curl setopt ($curl, CU 
Curl] setopt ($curl, CU 


} 





向 


OPT POST, 1); 
OPT POSTFIELDS, $data); 


























| 


























Curl setopt ($curl, CURLOPT RETURNTRANSFER, 1); 
$output = curl exec ($curl); 

curl close ($curl); 

return $output; 








上 述 代 码 定 义 了 构造 函数 及 两 个 成 员 函 数 ， 成 员 函 数 分 别 用 于 生成 OAuth2 的 URL 以 及 生成 DAuth2 的 Access Token。 





require once('weixin.class.php'); 
weixin = new class weixin(); 


$ 
$ 


PF- 


} 














openiqd = " "7 
£f (lisset($ GET["coqe"]) ){ 
Sredirect url = 'http://'.$ SERVER['HTTP HOST'] .$ SERVER['REOUEST URI']; 





























$jumpurl = S$weixin->oauth2 authorize($redirect url, "snsapi base", "123"); 
Header ("Location: $jumpurl"); 


elsel 











$access token = S$weixin->oauth2 access token($ GET["code"]); 
$openid = $access token['openid']; 


使 用 上 述 SDK 时 ， 先 初始 化 一 个 类 对 象 ， 通 过 判断 $_GET 变 量 是 否 有 “code” 参 数 来 决定 当前 是 否 要 进行 网 页 授权 ， 授 权 成 功 后 再 使 用 “code” 值 来 换取 “access token”， 返 回 的 “access 
token” 信 息 中 将 包含 “openid”， 这样 就 得 到 了 用 户 的 OpenlD。 


6.2.3 用户 信息 收集 


用 户 信息 收集 主要 由 用 户 填写 表单 来 实现 。 这 里 使 用 form 标 签 。 


form 标 签 用 于 为 用 户 输入 创建 HTML 表 单 。 表 单 能 够 包含 input 元 素 ， 比 如 文本 字段 、 复 选 框 、 单 选 框 、 提 交 按 钮 等 。 下 面 是 表单 的 代码 ， 它 包含 姓名 、 手 机 号 码 的 输入 ， 另 外 还 隐 性 地 提交 当前 用 户 的 


openid。 


< 
在 


请 输入 您 的 姓名 " idq="name" name="name" value=""> 








gSubmit () "> 


<ul class="round"> 


去 二 记 








站 主攻 











form method="post" action="submit.php" id="form" onsubmit="return 











ass="title mb"><span class="none"> 填 写 入 口 </span></1i> 
ass="nob"> 





<table width="100%" border="0" cellspacing="0" 
cellpadding="0" class="kuang"> 





二 














</table> 


<tbody> 
<t 
<th> 姓 名 </th> 
<td><input type="name" class="px" placeholder=" 








</td> 
</tr> 
</tbody> 





<table width="100%" border="0" cellspacing="0" 
cellpadding="0" class="kuang"> 














re 














<tbody> 
<tr> 
<th> 手 机 号 码 </th> 
<td><input type="mobile" class="px" placeholder= 





青 输入 您 的 手机 号 码 " id="mobile" name="mobile" value=""> 




















</ 七 > 
</tr> 
</tbody> 
</table> 
</1i> 
</ul> 
<div class="footReturn"> 
<input type="hidden" name="openid" id="openid" value="<?php 
echo S$openid;?>"> 
<input type="submit" 
class="submit" value=" 提 交 "> 
</div> 
/form> 


< 





用 户 填 好 提交 时 ， 先 使 用 JavaScript 脚 本 来 验证 内 容 的 合法 性 。 这 包括 验证 姓名 是 否 为 空 以 及 手机 号 码 位 数 是 否 正确 ， 代 码 如 下 所 示 。 


< 


< 


seript> 








function showTip (tipTxt) { 





Var div = document.createElement ('div'); 

















qiv.innerHTML = '<div class="deploy ctype tip"><p>' + tipTxt + '</p></div>'; 
Var tipNode = div.firstChilg; 
$("#wrap") .after (tipNode); 





























setTimeout (function () { 





$ (tipNode) .remove ()，; 


}, 1200) 7 


} 








function 


gSubmijit () { 


Var name=$ ("#name") .val() ， 





if($. 








rim(naae) == "1 











showTip(' 请 输入 姓名 ') 


五 


} 


[= 














turn false; 





Var mobile=$ ("#mobile") .val (); 
Var patrn = /~^[0-9] {11}$/; 








LE 


} 


retur 


/script> 


(= 


n 


if (!patrn.exec($.trim(mobile))) { 


showTip (' 请 正确 输入 手机 号 码 ') 





























turn false; 





LEUer 


信息 验证 成 功 之 后 ， 会 通过 POST 的 方式 发 到 一 个 新 的 页 面 ， 在 该 页 面 中 ， 将 用 户 的 “openid”、 姓 名 及 电话 都 写 入 数据 库 中 ， 代 码 实 现 如 下 所 示 。 








Sopenid = $ POST["openid"]; 

$name = $ POST["name"]; 

smobile = $ POSTI["mobile"]; 

if (empty($openid) || empty($name) || empty ($mobile)){ 


// var dump($ POST); 
echo '<meta http-equiv="refresh" content="0; url=index.php"/>'; 
}elselt 
include once('mysql.class.php'); 
$db = new class mysal (); 
$mysql state = "WINSERT INTO ‘wx User ” (‘id', ‘openid’, ‘name’, ‘mobile’) VALUES (NULL, '$openid', '$name', '$mobile');"; 
$config = $db->execute ($mysqgl state); 
// var dump (Smysaql state); 
Header ("Location: lottery.php?openid=$openid"); 








6.2.4 抽奖 页 面 实现 


大 转盘 的 开发 最 重要 的 素材 是 转盘 图 片 和 指针 图 片 ， 如 图 6-10 所 示 。 





图 6-10 转盘 和 指针 


接着 需要 实现 页 面 布局 ， 其 中 图 片 素材 需要 将 转盘 设置 为 前 景 ， 指 针 设置 为 背景 ， 依 此 定义 外 部 和 内 部 容器 ，HTML 代 码 如 下 : 


1 <div id="outercont™" > 

2 <div id="outer-cont"> 

3 <div id="outer"><img src="img/activity-lottery-5.png"></div> 
4 </div> 

5S <div id="inner-cont"> 
6 

7 

8 











<div id="inner"><img src="img/activity-lottery-2.png"></div> 
</div> 
</div> 


相应 的 CSS 控 制 代码 如 下 : 





1 #outer-cont { 

position: relative; 
width: 100%; 

top: 20px; 
margin-bottom: 30px; 





} 
#inner-cont { 
position: absolute; 
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width: 100%; 
top: 70px; 

} 

#outer { 
height: 227px; 
margin: 0 auto; 
max-width: 227px; 
width: 227px; 

} 

#inner { 
cursor: pointer; 


} 





height: 110px; 





margin: 0 auto; 
max-width: 90px; 


width: 90px; 


#outer img, #inner img { 
display: block; 
margin: 0 auto; 





再 定义 一 些 要 显示 的 内 容 区 域 ， 主 要 有 中 奖 结果 区 、 奖 项 设置 区 、 活 动 说 明 区 。 相 关 代 码 如 下 所 示 : 































































































1 <div class="content" > 
2 <div class="boxcontent boxyellow" id="result" > 
3 <div class="box"> 
4 <div class='"title-orange"><span> 恭 喜 中 奖 </span></div> 
5 <div class="Detail"> 
6 <p> 您 中 了 <span class="red" id="prizelevel" ></span></p> 
7 <p> 奖 品 为 <span class="red" id="prizename"></span></p> 
8 </div> 
9 </div> 
10 </div> 
1 <div class="boxcontent boxyellow"> 
12 <div class="box"> 
13 <div class="title-green"><span> 奖 项 设置 : </span></div> 
14 <div class="Detail"> 
15 <p> 一 等 奖 : iPhone 6 </p> 
16 <p> 二 等 奖 : iPhone 5S</p> 
17 <p> 三 等 奖 : iPhone 5C</p> 
48 <p> 四 等 奖 : iPad Air </p> 
19 <p> 五 等 奖 : iPhone 4S</p> 
20 <p> 六 等 奖 ; 1iPad mini</p> 
21 </div> 
2 </div> 
23 </div> 
24 <div class="boxcontent boxyellow"> 
25 <div class="box"> 
26 <div class="title-green"> 活 动 说明 : </div> 
2 <div class="Detail"> 
28 <p> 本 次 活动 每 人 可 以 抽奖 5 次 </p> 
29 <p> 视 您 中 奖 ! </p> 
30 </div> 
31 </div> 
32 </div> 
33 </div> 


在 页 面 初始 化 时 ， 中 


奖 结果 区 域 通过 样式 表 控 制 成 不 可 见 ， 抽 奖 页 面 的 最 终 实现 效果 如 图 6-11 所 示 。 


+ 上 个 


| 
二 re 和 


: |Phone 
: jPhone 55 


:IPhone 5C 
综 :; |Pad Alr 

: iPhone 45 

: IPad mini 





接着 我 们 需要 实现 抽奖 算法 及 中 奖 通知 的 功能 。 


首先 定义 指针 转动 时 中 奖 的 角度 和 未 中 奖 的 角度 ， 以 便 判 断 用 户 是 否 中 奖 ， 图 中 有 6 个 奖项 ， 相 应 的 也 有 6 个 未 中 奖 区 域 ， 奖 项 角度 及 其 他 变量 定义 如 下 : 


Var totalAngle = 0; 

var steps = []; 

Var loseAngle = [36, 96, 156, 216, 276, 336]; 
Var winAngle = [6, 66, 126, 186, 246, 306]; 
Var prizeLevel; 

Var now = 0; 

Var count = 0;} 

Var a= 0.01; 

var outter, inner, timer, running = false; 
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用 户 进入 抽奖 界面 后 ， 将 点 击 抽奖 指针 ， 相 应 的 代码 处 理 如 下 : 


1 $("#inner") .click (function() { 















































































































































2 if (running) 和 
3 if (count >= 
4 ee 后 2 
5 return 
6 } 
7 S$.ajax({ 
8 url: "data.php", 
9 dataType: "json", 
下 data: { 
11 openid: "<?php echo $ GET["openid"];?>", 
12 time: (new Date()) .valueof () 
13 }, 
14 beforeSend: function() { 
二 5 running = true; 
16 timer = setInterval (function() { 
17 i += 5 
18 }, 
19 1) 
20 }, 
21 success: function(data) { 
22 // 达 到 最 大 抽奖 次 数 
23 if (data.status == "MAX") { 
24 alert ("您 已 达到 最 大 抽奖 次 数 ! ") ; 
25 count = 3; 
26 clearIinterval (timer); 
2 return 
28 
29 /7 中 美 时 转盘 转 到 相应 位 置 
30 if (data.status == "WIN") { 
31 $ ("#prizename") .text (data.prizename); 
32 Count: .32 
33 clearIinterval (timer); 
34 prizeLevel = data.prizelevel; 
35 start (winAnglel[ldata.prizelevel - 1]); 
36 return 
37 } 
38 // 未 中 奖 则 再 给 机 会 
39 running = false; 
40 COUT 七 十 十 
41 prizeLevel = null; 
42 start () 
43 jo 
44 // 未 获取 json 返 回 ， 前 台 处 理 
45 error: function() { 
46 prizeLevel = null; 
47 start () ， 
48 running = false; 
49 Count++ 
50 }, 
sal timeout: 4000 
D2 }) 
D3 小 ) 


点 击 事件 发 生 时 ， 页 面 将 向 data.php 文 件 发 送 POST 请 求 ， 将 当前 用 户 的 openid 和 时 间 传 递 过 去 。data.php 在 收 到 数据 后 将 需要 进行 一 系列 的 复杂 的 处 理 ， 这 些 在 6.2.5 节 中 有 详细 的 讲述 


下 面 是 一 个 中 奖 情形 的 返回 结果 : 





echo '{"status": "WIN", "prizename": "iPhone 5S", "prizelevel™": "2"}') 





该 情形 表示 当前 已 中 奖 ， 奖 品 等 级 是 2， 奖 品 为 Phone 59。data.php 将 该 JJON 数 据 返回 给 请 求 页 面 ， 原 页 面 收 到 数据 后 将 进行 处 理 (第 29 行 ~ 第 37 行 代码 ) ， 它 将 抽奖 次 数 直 接 置 为 最 大 抽奖 次 数 
3， 并 且 计 算 转 盘 将 要 旋转 的 角度 ， 而 这 个 旋转 角度 也 就 是 奖项 的 角度 ， 以 此 确保 转盘 停止 后 ， 指 针 落 点 无 误 。 


而 当中 奖 数据 返回 中 没有 要 中 奖 的 标记 (第 38 行 ~ 第 42 行 ) 或 者 没有 接收 到 返回 的 JJON 数 据 时 (第 44 行 ~ 第 50 行 ) ， 转 盘 也 需要 计算 旋转 角度 ， 页 面 将 在 前 台 囚 加 抽奖 次 数 ， 直 到 达到 最 大 抽奖 次 数 ， 
天 后 提示 用 户 抽奖 次 数 已 经 用 完了 。 如 果 返 回 的 JSJON 数 据 中 也 显示 已 经 达到 最 大 抽奖 次 数 时 ， 则 以 JSON 数 据 标识 优先 作为 判断 (第 22 行 ~ 第 28 行 ) 。 


当 启 动 转盘 转动 时 ， 本 次 抽奖 结果 已 经 被 旋转 角度 确定 下 来 了 ， 这 是 通过 start () 方法 来 实现 的 ， 该 方法 带 有 一 个 参数 deg。 如 果 中 奖 ， 则 deg 传 输 进来 的 时 候 就 已 经 是 某 奖项 的 角度 ; 如 果 没 有 中 
奖 ，deg 直 接 传 室 ， 这 时 将 随机 计算 出 的 一 个 非 奖项 的 角度 并 赋 给 它 。start () 方法 的 实现 如 下 所 示 : 























1 function start (aedg) { 

2 deg = deg || loseAngle [parseInt (loseAngle.length * Math.random())]; 
3 running = true; 

4 clearIinterval (timer); 

5 totalAngle = 360 * 5 + deg; 

6 steps = []; 

7 now = 0; 

8 countSsteps (); 

9 requestAnimFrame (step) 
10.7 


在 start () 函数 中 ， 需 要 根据 旋转 角度 生成 本 次 转动 的 步骤 ， 这 时 往往 需要 另外 添加 N 个 360 度 ， 以 便 在 旋转 N 圈 后 ， 再 落 到 真正 的 奖项 区 域 。 而 这 个 旋转 角度 则 以 数组 的 方式 保存 。 其 角度 差 需要 逐渐 
变 小 ， 以 实现 减速 旋转 最 终 停 下 来 的 效果 。 该 数组 的 生成 代码 如 下 所 示 : 








function countSteps () { 

var 七 = Math.sdrt(2 * totalAngle / al) 

Var V = a xx 七 

for (var i = 0; i < t; I++) { 
steps.push((2*v*i-a*ji* i) /2) 








} 
steps.push (totalAngle) 


COOPAODP 


让 vw 


上 述 代码 将 生成 一 个 元 素 个 数 非 常 多 的 角度 列表 数组 ， 数 组 存储 在 steps 中 。 为 了 简便 生成 了 一 个 简化 版 本 ， 如 表 6-1 所 示 。 


表 6-1 旋转 角度 数组 


4.5156501172304 
8.8713002344608 
13.06069303316912 
17.1026004689216 
20.978253038061321] 
24.6939007033825 
a8.2495508200129 
31.6452009378433 
34.8808510330738 
37.9565011723042 
40.8721312895346 
43.0278014067630 
46.2234515239954 
48.6391016412239 
0.9347517584563 
53.03040187308D7 
53.0000351992917 ] 
S56.8017021101476 
58.4373322273780 
59.9130023440084 
601.2280324018388 
62.3843023790693 
63.3799352090299 7 
64.2156028135301 
64.8912529307605 
635.40690304799510 
03.7023331032214 
03.9582032824518 


角度 差 
4.31303501172304 
4.3556501172304 
4.1936301172304 
4.0336301172304 
3.8756501172305 
3.713503501172304 
3.53303501172304 
3.3956501172304 
3.2330301172303 
3.073560301172304 
2.9156501172304 
2.1330301172304 
2.39303501172304 
2.4356501172305 
2.2750301172304 
2.1156501172304 
| .9330501172304 
1.79305011723035 
1 .6356501172304 
| .47s0501172304 
1.31503501172304 
1 .1556501172305 
0.9930301172304 
0.8336301172304 
0.6756501172304 
0.3130501172305 
0.3336301172304 
0.1956501172304 
0.0000000000000 


从 表 6-1 中 可 以 看 到 ， 转 盘 将 从 0 度 旋转 到 65.9 度 ， 每 一 步 的 旋转 角度 差 将 越 来 越 小 ， 直 到 为 0， 而 这 时 也 将 停留 到 预先 生成 好 的 角度 上 了 。 


而 实现 旋转 的 动画 效果 ， 则 需 使 用 HTML5 中 的 window.requestAnimFrame 方 法 ， 代 码 如 下 所 示 : 








window.requestAnimFrame = (function() { 
return window.requestAnimationFrame || 











下 

2 

3 window.webkitRequestAnimationFrame || 
4 window.mozRequestAnimationFrame || 

S window.oRequestAnimationFrame || 

6 window.msRequestAnimationFrame || 
了 

8 

9 

0 











function(callback) { 





window.setTimeout (callback, 1000 / 60) 


} 
}) () 7 


当 动 画 将 每 个 旋转 角度 走 完 以 后 ， 需 要 将 中 奖 结 果 提 示 给 用 户 。 没 有 中 奖 时 只 需要 生成 一 个 自动 弹出 的 消息 框 即 可 ; 而 中 奖 时 ， 则 需要 隐藏 转盘 并 显示 中 奖 区 域 和 中 奖 结 果 。 该 部 分 代码 如 下 所 示 : 














function step() 1 
O 
















































































1 

2 utter.style.webkitTransform = 'rotate(' + Steps [now++] + 'deg)'; 
3 outter.style.MozTransform = 'rotate(' + steps [now++] 'deg) '; 
4 outter.style.oTransform = 'rotate(' + Steps [now++] + 'deg)'; 

5 outter.style.msTransform = "totate(' + Steps [now++] + 'deg)'; 
6 if (now < steps.length) { 

7 requestAnimFrame (step) 

8 } else { 

9 running = false 
10 setTimeout (function() { 
11 if (prizeLevel != null) 1{ 














12 Var levelName= new Artay (""， "一 等 奖 "，" 二 等 奖 "， "三 
等 奖 "， "四 等 奖 "， "五 等 奖 "， "六 等 奖 ") 
1 $("#prizelevel") .text (levelName [prizeLevel]); 











ixl 
注 


3 

4 $("#result") .slideToggle (500); // 显 示 中 奖 
MS, $ ("#outercont") .slideUp (500) // 隐 藏 转盘 
16 } else { 
王 允 

8 

9 








alert (" 亲 ， 继 续 努 力 哦 ! 中 





as 


您 中 了 二 等 奖 
奖品 为 iPhone 55 














一 等 奖 : iPhone 6 
二 等 奖 : IpPhone 55 
三 等 奖 : IPhone 5C 
四 等 奖 : IPad Alr 
五 等 奖 : iPhone 45 
: IPad minil 


本 次 活动 每 人 FP] 以 抽奖 3 次 
视 您 中 奖 ! 





图 6-12 大 转盘 中 奖 页 面 


6.2.5 ”中 奖 算法 实现 


中 奖 算法 实现 是 程序 中 一 个 核心 的 功能 ， 它 决定 着 整个 抽奖 能 否 正 常 运作 。 我 们 将 这 一 过 程 进行 分 解 ， 具 体 讲解 如 下 。 
1. 身 份 合法 性 判断 
首先 获取 用 户 的 微 信 OpenID， 如 果 没 有 传输 过 来 ， 或 者 传输 了 但 值 为 空 ， 则 返回 空 。 实 现代 码 如 下 所 示 。 


include once('mysql.class.php'); 
$db = new class mysql (); 














if (!lisset($ GET['openid']) || ($ GET['openid'] == "™")){ 
echo "非法 调用 "; 
return } 


} 
$openid = $5 GET['openid']; 

// 1 .判断 该 用 户 是 否 已 注册 ， 未 注册 不 返回 

$mysql state = "SELECT * FROM ‘wx user WHERE “openid = '".$openid.™ ™; 


$userInfo = $db->query array one ($mysql state); 
// var dump ($userInfo); 







































































if {count (SuserInfoe) == 0)1 
echo "未 注册 或 非法 用 户 "; 
return; 

} 

2. 抽 奖 资格 判断 


首先 获取 系统 配置 表 中 每 个 用 户 每 天 最 大 的 抽奖 次 数 ， 然 后 再 查询 当前 用 户 当天 已 抽奖 的 次 数 ， 如 果 用 户 当 前 抽奖 次 数 已 达到 每 天 最 大 次 数 ， 则 返回 “max_times” 的 错误 类 型 。 





// 2. 判 断 该 用 户 是 否 还 有 抽奖 资格 ; 
$mysql state = "SELECT * FROM ‘wx config ”WHERE ‘id = 1 LIMIT 0 , 1"; 
$config = $db->query array one (smysql state); 
// var dump ($config); 
$mysql state = "SELECT * FROM ‘wx winner WHERE ‘openid. = '".S$openid."' AND ‘getdate” = '".date("Y-m-d",time())."™'"; 
$squalification = $db->query array ($mysqgl state); 
// var dump ($qualification); 
if (count (S$qualification) >= $config['maxtimes'])I{ 
// echo "已 抽奖 "; 
echo '{ 
"error": "max times", 
"message" “ mw 
"prizelevel": 
MeuUccese™ “ Thrr 
}'; 


return; 





























































































































Tror 
了 


3. 奖 品 余 留 判断 
即使 用 户 还 有 抽奖 资格 ， 也 要 对 当前 奖品 剩余 量 进行 判断 ， 如 果 奖 品 已 经 都 抽 完 了 ， 那 么 所 有 用 户 都 不 应 该 再 抽 到 奖品 。 


//3. 判断 奖项 是 否 仍 有 剩余 ; 
$mysql state = "SELECT * FROM ‘wx award WHERE LENGTH( name ) > 0"; 
$award = $db->query array ($mysql state); 






























































if (count ($award) == 0){ 
echo "没有 配置 奖项 ? ?322 Wi 
return; 

} 

4. 生 成 中 奖 概率 


用 户 能 不 能 中 奖 ， 是 以 所 有 概率 相 加 之 和 作为 基数 ， 以 当前 的 随机 数 为 分 子 ， 来 进行 匹配 的 ， 如 果 能 匹配 到 某 个 奖品 的 等 级 的 区 间 ， 则 认为 用 户 抽 中 了 该 等 级 的 奖 ， 代 码 如 下 所 示 。 





//4. 生 成 中 奖 概率 

// 统 计 总 的 中 奖 概率 

$allprob = 0; 

for ($i = 0; $i < count ($award); $i++) { 
$allprob += Saward[$i]['prob']; 


} 

0 补 齐 100 
($allprob <= 100){ 
$allprob =100; 


























// var dump('allprob:'.$allprob); 

//4. 随机 生成 本 次 中 奖 概率 ; 

// 使 用 区 间 分 布 方法 ， 保 证 各 概率 上 的 倍率 一 臻 

$random = rand(1，S$Sallprob); // 21/100 = 20% 最 终 中 奖 概率 


























Smin = 0; 
Smax = 0; 
Slevel = -1; 


// var dump('random:'.$random); 

for ($i = 0; $i < count ($award); Si++) { 
smin += ($i < 1)?0:$award[$i-1]['prob']; 
Smax += S$award[$i]['prob']; 
// var dump('min:"'.s$min); 
// var qump ('max:'.S$max); 

if ($random >= Smin && Srandom < Smax ){ 
Slevel = $i + 1; 
break; 











如 果 在 上 一 步 了 ， 计 算出 用 户 应 该 中 奖 ， 那 么 在 中 奖 奖 品 仍 有 剩余 的 情况 下 ， 给 他 分 配 当前 奖品 ， 并 且 将 中 奖 记录 写 入 数据 库 ， 同 时 返回 中 奖 信 息 。 如 果 没 有 中 奖 ， 则 消耗 一 次 中 奖 机 会 。 代 码 如 下 所 


人 小。 














//5 .分配 奖品 
Sucky = false; 















































$sfinal ly Ea Ws 
for ($i = 0; $i < count ($award); S$i++) { 
if (Saward[$i]['id'] == Slevel && Saward[$i]['total'] >= 1)f{ 
// 奖 项 减 一 
$mysql statel = "UPDATE ‘wx award. SET ‘total. = ‘total. -1 
WHERE “id = ".$level; 加 
$result $db->execute ($mysqgql statel); 














//7 写 入 抽奖 并 且 中 奖 















































$mysql statel = "INSERT INTO ‘wx winner ” (idq”，openidq ” ， 
‘award. , getdate , status’) VALUES (NULL , '".$openid."', '".S$award[$i]['name']. 
$result = $db->execute ($mysql statel); 
// 要 返回 的 结 
sfinally = "1{ 
WerroOre 。 性 
"message": "'.S$award[$i]['name'].'", 
"prizelevel": "'.S$award[$i]['id']."'", 
Woeuccess™" 。 WA 
} 7 
$lucky = true; 
break; 
} 
} 
if (!$lucky)t 














// 写 入 已 抽奖 ， 但 不 中 奖 

















$mysql statel = "INSERT INTO ‘wx winner ” (‘id  , openid ,award ，, 
“getaqate ,status’) VALUES (NULL ， '".$openid."™', '', '".date("Y-m-d",time())."", 
// var dump ($mysqgql statel); 














$result = $db->execute ($mysql statel); 
sfinally = "{ 








"error": "noprize", 
"message" . Thrr 
"prizelevel™": ™", 
"success™": ™" 





echo $finally; 


经 过 上 述 5 个 繁琐 的 步骤 ， 就 实现 了 中 奖 算法 。 


6.2.6 中奖 记录 得 询 


对 于 中 奖 的 用 户 ， 最 终 还 需要 提供 中 奖 记 录 查 询 功能 ， 以 便 用 户 吕 奖 。 记 录 查 询 很 简单 ， 








function getLotteryItem($openid) 
{ 





include once('mysql.class.php'); 
$db = new class mysql (); 



































$mysql state = "SELECT * FROM ‘wx winner ”WHERE LENGTH( awarQq ) > 
0 AND ‘openid. = '$openid'™"; 
$result = $db->query array ($mysql state); 








// var dump ($result); 


if (count ($result) = 一 








) { 














return ' 
<tr> 
<td> 你 还 没有 中 过 奖 </td> 
</tr> 
}elsef 
$content = ™"} 
foreach ($result as $index => Sitem) { 
$title = "奖品 : " .$item["award"] ."<br> 时 间 : " 
.$item["getdate"] ."<br> 状 态 : ". ((Sitem["status"] == 0) ?" 未 领取 ":" 已 领取 ") ; 
Scontent .= " 
<tr> 
<td>" .Stitle, "</td> 
</tr> 


1 。 
r 


} 


return S$content; 


第 /7 章 


2014 年 5 月 29 日 ， 微 信 公 众 平台 宣布 正式 推出 “ 微 信 小 店 ”。 微 信人 小 店 是 基于 微 信 公众 平台 打造 的 原生 电 商 模式 ， 包 括 添加 商品 、 商 品 管理 、 
“ 微 信 小 店 ” 的 上 线 ， 意 味 着 微 信 公众 平台 上 真正 实现 了 技术 “ 零 门 槛 ”的 电 商 接 入 模式 。 


量 添加 商品 ， 快 速 开 店 。 


人 '".date("Y-m-d",time())."" Oe 


直接 在 抽奖 记录 表 中 检索 数据 即 可 。 实 现代 码 如 下 所 示 。 


微 信 小 店 搭建 与 二 次 开 友 


由 于 微 信 小 店 已 经 是 一 个 电 商 系统 ， 这 意味 着 开发 者 不 需要 全 部 重新 开发 实现 ， 只 需要 根据 接口 做 一 些 二 次 开发 的 工作 ， 使 之 更 加 完善 。 


本 章 介绍 一 些微 信人 小 店 搭建 及 常用 功能 的 二 次 开发 。 


7.1 微 信 小 店 的 市 场 价值 


在 猪八戒 网 站 上 ， 通 过 搜索 “ 微 信 小 店 ” 可 以 看 到 当前 与 微 信 小 店 相关 的 开发 需求 ， 大 部 分 的 开发 费用 都 在 几 百 元 至 数 干 之 间 。 如 图 7-1 所 示 。 


订单 管理 、 货 架 管理 、 维 权 等 功能 ， 开 发 者 可 使 用 接口 批 


¥ 2000.00 向 信 小 店 开发 未 托 11 戎 与 | 招标 
开 上 败 一 套 微 信 小 店 店铺 ， 用 于 油 信 .- 羽 剩 4 个 投标 机 会 


¥ 1000.00 用 大 读 证 信 直 语 ， 如 素 让 和 奈 至 香 看 全 易 明 归 ， 政 起 
锥 权 ， 查 局 订单 


司 用 懈 旋 语 寺 小 店 ， 如 幸 让 业 侍 音 看 于 号 上 明王， 可 起 浴 梭 ， 音 1 辐 - 


60U.U0U 短信 小 店 接口 开发 


i 器 二 一 二 Au 
有 -| 去 届时 亨 和 于 1 Ft 





图 7-1 猪八戒 微 信 小 店 开发 需求 


与 微 网 站 、 大 转盘 比 起 来 ， 微 信 小 店 二 次 开发 的 功能 简单 ， 技 术 难 度 也 比较 小 ， 所 以 费用 也 相对 较 低 。 但 可 以 通过 调用 API 接 口 甚至 利用 微 信 已 有 的 功能 来 实现 微 店 的 开发 ， 所 以 其 性 价 比 更 高 。 


7.2 ”搭建 微 信 小 店 
微 信 小 店 在 微 信 支 付 能 力 的 基础 上 ， 支 持 添加 商品 、 商 品 管理 、 订 单 管理 、 货 架 管 理 、 维 权 仲 裁 等 商家 常用 的 功能 。 申 请 微 信 小 店 之 前 需要 先 申 请 微 信 支 付 ， 通 过 微 信 支 付 审 核 的 商家 ， 可 以 直接 申请 


微 信 小 店 ， 通 过 审核 后 ， 就 可 以 使 用 和 运营 微 信 小 店 了 。 


7.2.1 微 信 广 付 开 有 友 配 置 


在 微 信 支 付 申请 完成 之 后 ， 会 收 到 一 个 “ 微 信 支 付 开发 配置 通知 ”， 该 通知 要 求 商 户 进行 微 信 支 付 开发 配置 ， 如 图 7-2 所 示 。 


微 信 支 付 开发 配置 通知 2014 年 11 月 10 晶 


您 的 申请 资料 已 提交 ， 可 以 进行 微 信和 支付 开 发 配置 ,前往 配 置 





图 7-2 ” 微 信 支付 开发 配置 通知 


在 微 信 支 付 配置 界面 ， 需 要 商家 拥有 一 个 已 经 通过 ICP 备 案 的 域名 ， 然 后 将 该 域名 作为 微 信 支 付 程序 所 在 域 ， 并 且 正 确 填写 各 项 目录 及 路 径 ， 图 7-3 为 方 倍 工作 室 的 微 信 支 付 配 置 目录 。 


公认 号 支付 ” 忆 API 网 内 又 付 包括 全 部 在 微 信 内 点 击 浏览 器 H5 页 面 进行 的 支付 场景 
支付 授权 目录 httpi// ~ www.fangbei.org/wxpayv3/demo/ 添加 


、 所 有 使 用 JS API 方 式 发 起 支付 请 求 的 链接 地 址 ， 都 必须 在 支付 授权 目录 之 下 
、 是 多 设置 3 个 支付 授权 目录 , 目 域 名 必须 通过 ICP 和 蔓 案 : 
3、 头 部 要 包含 http 或 https ,和 须 绍 化 到 一 级 或 三 级 目录 ,以 在任 杠 “/ ”结尾 . 


修改 会 喜 帮 冯 上 交易 ， 距 正式 生效 育 十 分 钟 左右 延 记 ， 建 以 你 避 开 交易 局 峰 时 间 修 世 


-< _ EPE 
共享 收 从 地址 是 ”再 
使 用 并 共 亩 用 户 保 存在 微 信 的 收 千 地 址 . 


Y Natrve 原 生 支 付 以 线 下 扫 码 支付 为 代表 的 快速 支付 方式 ,1 
变 付 固态 URL http://www.fangbei.org/wxpayv3/demo/native_call.php 


头 部 要 包括 http 或 https ， 当 公众 夏 平 台 接 到 Native 原 生 支 付 请 求 时 ， 会 回调 此 URL 传 


着 订单 信 自 . 
多 上 朴 会 蒜 负 和 蒜 上 交 与 ， 


告警 通知 URL http://www.fangbei.org/wxpayv3/demo/alarm.php 
头 部 要 包括 http 或 https ， 微 信和 监 讽 国 | 商户 服务 出 现 问题 时 ， 会 及 时 推送 相关 吉 敬 信息 到 | 





图 7-3 ” 微 信 支付 开发 配置 


配置 并 保存 好 上 述 目 录 之 后 ， 微 信 小 店 经 营 获 得 的 款项 才能 在 微 信 商 户 平 台中 进行 提现 。 


7.2.2 ” 微 信 小 店 概况 


微 信 小 店 可 以 从 功能 列表 中 的 “添加 功能 插件 ”中 进行 添加 ， 添 加 成 功 后 ， 将 在 功能 列表 中 显示 ， 如 图 7-4 所 示 。 


= == bs" 
[i | 

es, ss 一 
EE EN EE 








图 7-4 微 信 功能 列表 


点 击 “ 微 信 小 店 ”标签 ， 将 进入 微 信 小 店 后 台 管 理 界面 ， 可 以 看 到 微 信 小 店 的 概况 ， 例 如 待 发 货 订 单 及 待 处理 维 权 数 、 昨 日 关键 指标 等 ， 如 图 7-5 所 示 。 


Se 
小 店 衬 况 。” 琴 加 商品 。” ”商品 管理 。 售 染 管理 订单 管理 


WS9 中 0 


待 点 站 订单 竺 处 至 准 权 / 仙 才 单数 


商品 训 此 量 千 扶 浏览 量 小 店 访问 人 数 
0 1 1 





图 7-5” 微 信 小 店 概况 


除 此 之 外 ， 还 有 关键 指标 趋势 及 关键 指标 明细 等 图 表 ， 如 图 7-6 和 图 7-7 所 示 。 


基 迫 15 日 最 FF/ ”2015-01-12 至 2015-01-18 7 单数 > 


LA 


图 7-6 ”关键 指标 趋势 图 





关键 指标 明 网 下 载 最近 15 日 呈 iry7 日 2015-01-12 全 2015-01-18 - 
日 期 : 成 交 舰 ”商品 训 贞 量 让 来 济 中 量 小 店 访问 人 数 


D013-01-18 | U U ] 


2015-01-1/ | 0 0 0 


2013-01-16 , U 


2013-01-15 


2013-01-14 


2013-01-13 


2013-01-12 





图 7-7 关键 指标 明细 


7.2.3 ”运费 模板 管理 


运营 微 信 小 店 之 前 ， 需 要 对 它 进行 一 些 配置 ， 首 先 可 以 配置 运费 模板 。 


运费 模板 就 是 为 一 批 商品 设置 同一 个 运费 。 当 你 需要 修改 运费 时 ， 这 些 关 联 商 品 的 运费 将 一 起 被 修改 。 点 击 标签 列表 中 的 “运费 模板 管理 ”， 可 以 新 建 及 编辑 运费 模板 ， 如 图 7-8 所 示 。 


小 店 
小 店 丰 de ” 溢 加 商品 ”商品 管 埋 。 信康 管 埋 。 订单 管 十。 运营 模板 管 埋 尸 库 ”帮助 4 


什么 是 运费 模板 所 + 新 建 运费 模板 


你 现在 还 没有 任何 模板 ， 马 上 新 建 。 





图 7-8 运费 模板 管理 


点 击 “ 新 建 运费 模板 ”， 将 进入 新 建 窗口 ， 可 在 窗口 中 填写 模板 名 称 ， 选 择 配 送 方式 及 运费 设置 ， 如 图 7-9 所 示 。 


[CO 运费 模版 管理 / 新 建 运费 模板 


模板 名 称 运 塌 1 
不 超过 40 个 字 节 ( 1 个 汉字 为 2 个 
字 节 】 


配送 方式 平邮 ”~ 快递 EMS 


还 莫 设 是。 |. 递 运 莫 设 置 


全 国 堆 愉 他 区 


为 指定 地 区 设置 运费 


图 7-9 ”新建 运费 模板 


填写 后 ， 点 击 “ 保 存 ” 按 钮 ， 将 看 到 当前 已 建 好 的 运费 模板 ， 如 图 7-10 所 示 。 


小 店 
小 店 相 be 洪 加 商品 ”商品 管理 。 售 洒 管理。 J 单 管理 


什么 星 运费 模板 局 
[ 默认 模板 ) 运费 1 (2015.01.19 11:19 更 新 ) 


图 7-10 已 建 好 的 运费 模板 


7.2.4 商品 分 组 管理 


建 好 运费 模板 之 后 ， 可 以 创建 商品 的 分 类 。 合 理 设 置 商 品 分 类 便于 将 商品 上 架 ， 并 进行 及 时 管理 。 


点 击 标签 列表 中 “商品 管理 ”， 进 入 商品 分 组 管理 界面 ， 在 右 侧 的 商品 分 组 列表 中 ， 点 击 “ 新 建 分 组 ”， 如 图 7-11 所 示 。 





+ 新 建 运 费 模 板 





小 店 
小 店 相 :元 六 加 商品 。” 商品 管理 机 来 管 盘 订单 管理 运费 模板 管理 


@ 合理 设置 商品 分 类 能 方便 将 商品 填写 到 货架 ， 并 进行 及 时 的 管理 全 部 两 a(< 绰 
| 合 汽 .… (3) 
分 组 名 入 ”全 部 商品 test(16) 
排 厅 方式 最 新 上 ... 帮助 局。 半 合 汽 .… (22) 
汽 .… (了 
+ 添加 商品 到 该 组 柴 汽 机 油 (2) 


价格 。” 总 销量 所 屋 分 





图 7-11 ”新建 分 组 


在 新 建 分 组 窗口 中 填写 分 组 名 称 ， 点 击 保存 后 ， 将 成 功 建立 一 个 商品 分 组 ， 如 图 7-12 所 示 。 


二 二 一 六- 
hr 





图 7-12 分 组 名 称 


7.2.5 图片 库 


图 片 库 用 于 存储 商品 的 图 片 ， 一 个 商品 至 少 需要 上 传 一 个 主 图 ， 商 品 主 图 将 会 作为 商品 的 默认 图 片 出 现在 货架 及 商品 详情 页 ， 还 可 以 上 传 多 个 图 片 ， 方 便 用 户 更 好 地 了 解 商 品 。 微 信 小 店 的 图 片 库存 储 
在 微 信和 素材 中 。 


在 微 信 小 店 功 能 标签 中 ， 点 击 图 片 库 ， 如 图 7-13 所 示 。 


小 店 
小 店 概 况 。 添加 商品 “商品 管理 。“ 贷 染 管 理 。 订单 管理 “运费 模板 管理 。 图 片 库 ”帮助 内 


微 信 小 店 的 图 片 已 经 称 至 素材 管理 -图 片 库 ， 方便 你 更 好 的 管理 公众 平台 下 的 所 有 图 片 素材 。 





图 7-13 图 片 库 


素材 管理 中 的 图 片 库 ， 如 图 7-14 所 示 。 


商品 消息 。 图 文 消息 。 图 片 库 。” 语音 视频 


御 信 小 上 店 建议 尺寸 为 640 停 素 *640 像 素 ,大 / 


二 
过 


a0L 15W-... 20L 15W-.., 1017 2.p9 15w-40 改 ..， 
re- 站 = 省 em- 站 i 也 





图 7-14 素材 管理 中 的 图 片 库 


点 击 “ 上 传 ”按钮 ， 将 弹出 图 片 选择 窗口 ， 如 图 7-15 所 示 。 
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图 7-15 图 片 选择 窗口 


选择 要 上 传 的 图 片 ， 图 片上 传 后 将 显示 在 图 片 库 中 ， 如 图 7-16 所 示 。 


素材 管理 


商品 消息 。 图 文 消息 。 图 片 库 。 语音 。 视频 
未 分 组 (331) 
微 信 小 店 (5 


微 信 小 店 建议 尺寸 为 640 像 素 *"640 像 素 ， 大 小 不 超过 500kb 


移动 分 组 删除 
迹 


20L 13W-... 20L 13W-... 


1017 2,Jpg 
0 





图 7-16 图 片 库 


7.2.6 添加 商品 


在 运费 模板 、 商 品 分 组 、 图 片 库 都 上 传 好 了 相应 的 内 容 之 后 ， 就 可 以 开始 添加 商品 了 。 


点 击 功 能 列表 中 的 添加 商品 链接 后 ， 进 入 到 类 目 选 择 界面 ， 根 据 产品 的 实际 情况 选择 相应 的 类 目 ， 如 图 7-17 所 示 。 


你 当前 选择 的 是 : 汽车 /摩托 /配件 /服务 > 汽车 美容 /保养 /维修 > 汽车 添加 剂 /养护 品 > 汽油 发 动机 机 油 商品 上 架 后 不 可 修 
改 ， 请 意 慎 选择 ) 


ee i F- Ee = = TE mw = 本 亲 “[ iy 
1 证 车 -ep bl === 4 本 FT a Fa bb se= Em FF E = bl = er eh = 二 一 一 FE 
Fa 二 Ed rm a t 本 MY i ft A 一 一 9 上 一 
| 站 本 = = dd A = 一 = el ad 


= 


IP 卡 /网 络 电话 /手机 号 码 “ 因 | 车模 /汽车 杂志 /纪念 品 | 车 用 清洁 用 品 /工具 变速 逢 油 / 波 箱 油 /分 动 .。 
MP3/MP4/ 录 译 笔 / 电 ..， 六 | 出 租 /培训 /服务 等 | 车 用 于 水 /防雪 齐 
VB2C | 电动 车 / 助 动 车 及 配件 | 潭 车 /助力 油 
ZIPPO/ 瑞 士 军 刀 / 服 泣 /..， ”| 滑板 车 及 配件 | 汽 z = 品 

办 公 / 电 子 辞典 /文具 


| 洗车 海绵 /洗车 泥 
| 其 它 车 用 清 半 工具 /用 品 


| 六 
笔记 本 / 台式 /一 体 / 皇 .… 汽车 GPS 导航 仪 及 配件 
彩妆 /香水 / 美 收 工具 汽车 地 配件 
成 人 用 品 / 众 孚 /计生 用 品 汽车 美容 /保养 /维修 
斋 物 / 施 物 食品 及 用 品 汽车 外 饰品 /加 装 装 满 /... 
电脑 硬件 /周边 /网 络 设备 汽车 影音 /车 用 电子 / 电 蒿 
电玩 /游戏 机 /配件 / 游 ... 汽车 用 品 /内 饰品 | 
电影 /电视 /音乐 /曲艺 这 年 束 后 其 它 汽车 保养/ 漆 加 剂 | 
国货 精品 数码 名 | 实体 服务 ] 





图 7-17 类 目 选择 


选择 好 类 目 之 后 ， 点 击 “ 确 定 ” 按 钮 ， 进 入 基础 信息 填写 界面 ， 可 以 选择 商品 属性 及 商品 分 组 ， 如 图 7-18 所 示 。 


乞 由 友 到 出 几 由 个 改 
商品 上 架 后 不 可 修改 ， 请 主导 选择 


品牌 选择 


粘度 有 级别 ( 机 让 怀 三 ) 选择 


全 合 过 机 出 test 站台 总 机 由 全 案 泊 村 上 由 


新 是 分 组 刷新 [分 组 





图 7-18 商品 属性 及 分 组 


接 下 来 填写 商品 名 称 、 微 信 价 、 商 品 库存 等 信息 ， 其 他 内 容 可 选 填 或 根据 商品 实际 情况 修改 ， 如 图 7-19 所 示 。 


, 需 低 于 原价 


pr 





图 7-19 ”商品 基本 信息 


然后 ， 为 商品 选择 图 片 。 点 击 主 图 或 其 他 图 片 中 的 图 片 选择 控件 ， 将 弹出 图 片 库 ， 在 图 片 库 中 点 击 选择 图 片 后 点 击 “ 确 认 ” 按 钮 即 可 ， 如 图 7-20 所 示 。 


起 择 图 片 


未 分 组 (391) 
微 信 小 店 (54) 


A0L lo... 


3W-40 ... 


已 选 1 个 ， 可 选 1 个 








图 7-20 ”选择 图 片 


确认 后 ， 将 会 显示 当前 已 选择 的 图 片 ， 如 图 7-21 所 示 。 


信 素 ， 大 小 不 超过 500kb) @ 


图 片 大 小 不 超过 500kb， 最 多 10 张 ) @ 





图 7-21 已 选择 的 图 片 


最 后 ， 设 置 商品 的 物流 信息 、 售 后 信息 及 上 架设 置 等 内 容 ， 如 图 7-22 所 示 。 


中 国 > > 新 江 >> 杭州 弓 丝 


嘉 家 承担 运费 


新 建 运费 模版 ” 剧 新 模版 





暂 不 上 梁 ， 放 入 我 的 商品 中 
s 立即 上 和 地 ( 上 案 后 商品 类 目 。 商品 导 性 及 商 避 





名 称 将 不 能 再 修改 ， 请 确认 已 填写 无 误 ) 


图 7-22 ”物流 信息 /售后 信息 /上 架设 置 


所 有 内 容 都 设置 好 并 确定 提交 之 后 ， 可 以 在 商品 管理 中 看 到 刚刚 上 传 的 商品 ， 如 图 7-23 所 示 。 


小 店 杖 bu 齐 加 商 虽 商 夯 各 圭 有幸 人 各 和 绎 订单 台风 运费 模板 千 二 睛 库 ”帮助 局 
商 吕 分 组 管理 ”商品 上 下 架 


商品 分 组 商品 价格 


商品 (已 渤 拌 0 个 ) 人 蛋 s 


图 DURON CLASSIC 15W ¥ 558.00 2000 33 下 载 一 维 碍 
-40 20L 装 复制 链接 
下 各 





图 7-23 已 上 架 商品 


7.2.7 ”货架 管理 


货架 的 是 商家 用 于 承载 商品 的 模板 ， 每 一 个 货架 是 由 不 同 的 控件 组 成 的 。 


点 击 功 能 列表 中 的 添加 货架 管理 链接 后 ， 将 显示 当前 货架 的 情况 ， 如 图 7-24 所 示 。 


外 店 
小 店 椰 况 。 ”添加 商品 。 “商品 管理 ”货架 管理 。 订单 管理 。 运费 模板 管理 。 图 片 库 ”帮助 中 
| 我 的 货架 ”| 模板 库 


， 可 通过 自 定 义 荣 单 、 图 文 消息 群发 来 推广 。 





图 7-24 ”我 的 货架 


点 击 下 方 的 添加 控件 ， 将 显示 当前 的 货架 模板 ， 如 图 7-25 所 示 。 


下 店 于 况 。 滩 加 两 品 两 品 千夫 。 况 当 管理。 订单 千 圭 
我 的 疝 先 模板 库 


"Ea Tel = 
以 商品 直接 展示 为 主 ， 风 格 均 笠 ， 午 请 的 省 六 樟 以 一 张 去 医 作 为 育 虽 ， 注 重 品牌 建设 和 和 吾 导 的 条 


株 加 模板 
EE 


图 7-25 ”货架 模板 





选择 使 用 其 中 一 个 ， 将 进入 该 货架 的 编辑 界面 ， 如 图 7-26 所 示 。 














商品 名 称 商品 名 称 
¥1 #2 ¥1 #2z 








图 7-26 ”编辑 货架 


将 鼠标 移 到 招牌 处 ， 将 出 现 笔 形 图 标 ， 点 击 该 图 片 ， 可 以 上 传 小 店 招牌 ， 图 片 的 建议 尺寸 为 640 像 素 x300 像 素 ， 如 图 7-27 所 示 。 


选择 小 店 招牌 (大 图 片 建议 尺寸 : 640 像 票 “ 300 像 梭 ) 





图 7-27 ”选择 小 店 招牌 


在 商品 展示 组 件 中 ， 为 组 件 选择 要 展示 的 商品 分 组 名 称 及 展示 商品 数量 ， 如 图 7-28 所 示 。 


选择 丙 品 分 组 test 


展示 商品 数量 4 





图 7-28 ”商品 展示 组 件 配置 


上 述 横 幅 和 展示 组 件 均 配置 好 并 保存 之 后 ， 商 品 的 货架 如 图 7-29 所 示 。 
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图 7-29 商品 货架 


鼠标 移 到 底部 环形 别针 图 标 处 ， 可 以 看 到 复制 链接 字样 ， 点 击 别 针 图 标 ， 该 链接 将 被 复制 到 荔 切 板 中 。 可 以 将 链接 放 入 自 定义 菜单 中 ， 这 样 用 户 就 可 以 从 菜单 中 进入 微 信 小 店 购买 商品 了 。 


7.3 ” 微 信 小 店 的 二 次 开 皮 


微 信 小 店 已 经 具有 一 个 商城 的 基本 功能 ， 这 包括 商品 管理 、 订 单 管理 、 货 架 管理 、 运 费 管 理 等 功能 ， 但 还 不 够 完善 ， 比 如 没有 购物 车 、 没 有 订单 查询 等 功能 。 根 据 微 信 小 店 提供 的 API 接 口 及 第 三 方 接 
口 ， 可 以 开发 其 他 几 个 常用 的 功能 ， 包 括 付 款 交易 通知 、 订 单 明细 查询 以 及 快递 查询 功能 ， 另 外 还 可 以 在 菜单 中 加 入 维权 功能 。 


7.3.1 - 微 信 小 店 SDK 


在 正式 讲解 开发 内 容 之 前 ， 我 们 需要 先 将 常用 功能 函数 写 入 类 中 ， 以 便 人 在 后 面 的 章节 中 调用 。 以 下 是 方 倍 工作 室 开发 的 用 于 微 信 小 店 的 SDK 代 码 。 


<?php 


1 
2 
3 * 

4 方 倍 工作 室 

3 CopyRight 2014 All Rights Reserved 
6 

7 

8 

9 


4 





require once('config.php'); // 引 用 配置 


class class weixin 


一 





var S$appid = APPID; 
Var S$Sappsecret = APPSECRET; 











// 构 造 函 数 ， 获 取 Access Token 
public function construct ($appiq = NULL, $appsecret = NULL) 
{ 














we 


if($appid && Sappsecret){ 
$sthis->appid = $appidgd; 
Sthis->appsecret = $appsecret; 





(OO~OOUOOWODNDNPO 


























































































































































































































































































































20 } 

21 

22 $url = "https://api.weixin.qd.com/cgi-pbin/token?grant 
type=client credentialg&appid=".$this->appid."é&secret=".$this->appsecret; 
23 $res = $this->http request ($url); 

24 $result = json decode (sres, true); 

25 //save to Database or Memcache 

26 Sthis->access token = $result["access token"]; 

27 sthis->lasttime = time(); 村 

28 } 

29 

30 / /创建 菜单 

31 public function create menu ($data) 

32 { 

33 $url = "https://api.weixin.gqq.com/cgi-bin/menu/ 
create?access token=" .Sthis->access token; 

34 $res = $this->http request ($url, $data); 

35 return json decode (sres, true); 

36 } 

3.7 

38 // 根 据 订 单 ID 获 取 订 单 详情 

39 public function get detail by order id(Sid) 

40 { 

41 Sqata = array('order id' =>$igqd); 

42 $url = "nttps://api.weixin.qgqg.com/merchant/order/ 
getbyid?access token=".$this->access token; 

43 $res = $this->http request ($url, json encode ($data)); 

44 return json decode (sres, true); 

45 

46 

47 // 根 据 订 单 状 态 / 创 建 时 间 获 取 订 单 详 情 

48 public function get detail by filter($data = null) 

49 { 

50 $url = "https://api.weixin.gqq.com/merchant/order/ 
getbyfilter?access token=" .Sthis->access token; 

Sl $res = $this->http request ($url, $data); 

52 return json decode (sres, true); 

53 } 

54 

55 // 发 送 客服 消息 ， 已 实现 发 送 文本 ， 其 他 类 型 可 扩展 

56 public function send custom message (stouser, $type, $data) 

57 { 

58 smsg = array('touser' =>$touser); 

59 smsg[l'msgtype'] = $type; 

60 switch ($type) 

61 { 

62 case "七 ext '" : 

63 Smsdq[Stype] = array('content'=>urlencode ($data) ); 

64 break; 

65 Case 'news': 

66 smsg[$typel] = array('articles'=>$data); 

67 break; 

68 defauilt: 

69 $msg['text'] = array('content'=>urlencode ("不 支持 
的 消息 类 型 ". $type) ) ; 

70 break; 

yal } 

72 $url = "https://api.weixin.gqq.com/cgi-bin/message/custom/ 
send?access token=" .Sthis->access token; 

73 return $this->http request ($url, urldecode (json encode ($msg))); 

74 } 

75 

76 // 发 送 模 板 消 息 

77 public function send template message ($data) 

78 { 

79 $url = "https://api.weixin.gqq.com/cgi-bin/message/template/ 
send?access token=" .Sthis->access token; 

80 $res = $this->http request ($url, $data); 

81 return json decode (sres, true); 

82 } 

83 

84 //https 请 求 ( 支 持 GET 和 POST) 

85 protected function http request ($url, $data = null) 

86 { 

87 $curl = curl init(); 

88 curl setopt ($curl, CURLOPT URL, $url); 

89 curl setopt ($curl, CURLOPT SSL VERIFYPEER, FALSE); 

90 curl setopt ($curl, CURLOPT SSL VERIFYHOST, FALSE); 

91 if (!empty(Sqata) ) { 

92 curl setopt ($curl, CURLOPT POST, 1); 

93 curl setopt ($curl, CURLOPT POSTF ELDS, S$data); 

94 } 

95 curl setopt ($curl, CURLOPT RETURNTRANSFER, 1); 

96 $output = curl exec ($curl); 

97 curl close ($curl); 

98 return $output; 

99 

100 } 


上 述 代 码 定义 了 微 信 小 店 的 类 ， 在 类 中 定义 了 本 章 开 发 实现 需要 用 到 的 方法 ， 这 包括 前 面 章节 提 到 的 创建 自 定义 菜单 、 客 服 消息 及 模板 消息 等 功能 ， 以 及 需要 用 到 的 根据 订单 ID 获取 订单 详情 和 根据 订 
单 状态 /创建 时 间 获 取 订 单 详 情 两 个 方法 ， 这 两 个 方法 的 使 用 方法 在 后 面 的 章节 有 详细 介绍 。 


7.3.2 ”付款 交易 通知 


用 户 在 微 信 中 付款 成 功 后 ， 微 信 服务 器 会 将 订单 付款 通知 推送 到 开发 者 在 公众 平台 网 站 中 设置 的 回调 URL (在 开发 模式 中 设置 ) 中 。 该 通知 是 一 个 merchant_order 事 件 通 知 。 


微 信 推送 的 merchant_order 事 件 消息 内 容 如 下 : 


<xml> 
<ToUserName><! [CDATA [weixin mediall]]></ToUserName> 
<FromUserName><! [CDATA[oDF3iYyVlek46AyTBPMRVV8VZV1I]]></FromUserName> 
<CreateTime>1398144192</CreateTime> 
<MsgType><! [CDATA [event] ]></MsgType> 
<Event><! [CDATA [merchant order]]></Event> 
<OrderId><! [CDATA[7197417460812584720] ] ></OrderId> 
<OrderStatus>2</OrderStatus> 
<ProductId><! [CDATA [pDF3iYx7KDQOVGZB7KDg6Tge5OKFo] ] ></ProductId> 
<SkuInfo><! [CDATA[10001:1000012;10002:100021] ]></SkuInfo> 
</xml> 



















































































其 中 的 Orderld 参 数 即 为 该 次 交易 的 订单 1D 号 。 我 们 可 以 根据 订单 ID 查询 订单 详情 。 


根据 订单 ID 查询 订单 详情 接口 如 下 所 示 : 








https://api.weixin.gqq.com/merchant/order/getbyid?access token=ACCESS TOKEN 


该 接口 的 POST 数 据 格式 如 下 ， 参 数 说 明 如 表 7-1 所 示 。 


"order id": "7197417460812584720" 


表 7-1 订单 查询 接口 参数 说 明 


字 段 


order 1d 


返回 数据 格式 如 下 ， 参 数 说 明 如 表 7-2 所 示 。 


"errcode": 0, 


"errmsg": "success", 


"order": 1 


"order id": "7197417460812533543", 
"order status": 6, 





"order total price": 69, 





"Order create time": 1394635817, 


"order express price": 5, 





"buyer openid": "oDF3iY17NsDAWAUP2qzJXPsz1S90", 
"puyer nick": " 方 倍 "， 








"receiver name": " 方 倍 工作 室 "， 
"receiver province": "广东 省 "， 
"receiver city": "深圳 市 "， 




















"receiver agddress":" 华 景 路 一 号 南方 通信 大 厦 5 楼 "， 





"receiver mobile": 





"123456789", 


"receiver phone": "123456789", 


"product 


"Product name": 


"product price": ] 
"product sku": "10 
count": 1] 


"Product 
"product 





JW 


" 包 邮 正版 





一 / 


jid": "pDE31iYx7KDQOVGzB7kDg6Tge5OKEo"， 








《 微 信 公众 平台 开发 最 佳 实践 》 双 十 一 特惠 "， 











000983:10000995;10001007:10001010", 








"http://img2.paipaiimg.com/00000000/item-52B87243-63CCF66C00000000040100003565C1EA.0.300x300.jpg", 





delivery id": "1900659372473"™, 





"delivery company": 
"trans id": 


"O059YUuNda", 
"1900000109201404103172199813" 








表 7-2 ”订单 查询 接口 返回 内 容 和 参数 


说 明 


说 明 
i] 单 ID 


eITCOde 


order status 


order 


product me 
delivery_ 1d 


dellvery company 


付款 通知 在 事件 消息 中 的 实现 代码 如 下 所 示 。 


1 // 接 收 事件 消息 


2 private function receiveEvent ($object) 














































































































3 4 

4 Scontent = " "7 

5 Switch ($object->Event) 

6 

7 case "subscribe": 

8 $content = "欢迎 关注 方 倍 工作 室 "; 

9 break; 

10 case "merchant order": 

11 Sorderid = strval ($object->OrderId); 

这 Sopenid = strval ($object->FromUserName); 

小、 require once('weixin.class.php'); 

14 Sweixin = new class weixin(); 

15 $orderArr0 = S$weixin->get detail by order id(s$orderid); 
16 SorderArr = SorderArr0["order"]; 

山 艺 

18 // 模 板 消 息 发 送 消费 品 - 消费 品 - 购买 成 功 通知 

19 Stempblate = array('touser' => S$openig, 
20 'template id' => "-dEAy IB2iUY8aePSMHfnxpJvxKflrwuMd 4tLNyGF4", 
21 vi 二 关 0 加 加 
22 'topcolor' => "#7B68EE", 
23 'data' => array('first'=> array('value' => urlencode ("您 好 ， 
方 倍 ， 欢 迎 使 用 模板 消息 。") ， 
24 'color' => "#000000"™, 
25 7 
26 'product'=> array('value' => urlencode 
($orderArr["product name"]), 
27 'color' => "#000093"™, 
28 7 
29 'price' => array('value' => urlencode ("¥" 
. (SorderArr["order total price"] / 100)), 
30 'color' => "#FFOO000", 
31 5 
32 'time'" => array('value' => 








urlencode (date ("Y-m-d H:i:s", (S$orderArr["order create time"]))), 
33 'color' => "#006000", 











34 5 

35 'remark' => array('value' => urlencode(" 
你 的 订单 已 提交 ， 我 们 将 尽快 发 货 ， 视 您 生活 愉快 !")， 

36 'color' => "#000000", 

37 ) ， 

38 ) 





明 
错误 三 
错误 信息 
订单 许 情 
i 单 了 D 
订单 状态 
订单 总 价格 (单位: 分) 
订单 创建 时 间 
订单 运费 价格 (单位 : 分 ) 
天 家 逢 信 DpenDD 
于 家 微 信 上 昵称 
收 货 大 姓名 
收 货 地 址 省 份 
收 货 地 址 城市 
收 货 详细 地 址 
收 货 人 移动 电话 
收 货 估 固定 电话 
商品 
商品 名 称 
商品 价格 【单位 : 分 ) 
商品 SEU 
商品 个 整 
商品 图 片 
运单 DD 
物流 公司 编码 
交易 人 D 




































































40 $result = $weixin->senq template message (urldecode (json 
ncode (Stemplate) ) ); 
41 

42 Scontent = " "7 

43 break; 

44 defauilt: 

45 Scontent = " "7 

46 break; 

47 

48 } 

49 if (is array ($content)){ 

50 if (isset(Scontent [0]) ) { 

51 $result = Sthis->transmitNews ($object, S$content); 
52 }else if (isset ($content['MusicUrl1']))t 

53 $result = S$this->transmitMusic($object, $content); 
54 } 

53 }elsef{ 

56 $result = S$this->transmitText ($object, S$content); 

57 } 

58 

59 return S$result; 

60 } 


上 述 代码 中 和 订单 查询 通知 相关 部 分 简要 说 明 如 下 : 

第 10 行 : 判断 是 否 收 到 订单 付款 通知 。 

第 11 行 ~ 第 12 行 : 获取 用 户 的 OpenlD 及 订单 1D。 

第 13 行 ~ 第 16 行 : 引用 微 信 小 店 SDK， 根 据 订 单 1D 查 询 订单 详情 。 

第 18 行 ~ 第 40 行 : 将 订单 详情 中 的 内 容 填充 进 微 信 模 板 消息 中 并 发 送 。 


最 后 ， 一 个 购买 成 功 通知 的 模板 消息 实现 如 图 7-30 所 示 。 


TT ke 


人 








购 头 成 功 通知 


您 好 ， 方 价 ， 次 迎 使 性 模 概 ; 





商品 名 称 : 向 人 迟 公 这 平台 天 
商品 价格 : 
购买 时 间 : 2014 年 6 月 1 日 





你 的 订单 已 提交 ， 我们 将 尽快 发 货 ， 祝 息 
生活 愉快 ! 


图 7-30 ”购买 成 功 通知 


7.3.3 ”我 的 订单 查询 


微 信 小 店 的 后 台 提供 订单 查询 功能 ， 但 那 是 给 商家 看 的 ， 如 果 用 户 需要 查看 自己 的 订单 ， 则 要 使 用 微 信 小 店 的 接口 来 开发 实现 。 这 需要 用 到 根据 订单 状态 /创建 时 间 获 取 订 单 详情 接口 。 
根据 订单 状态 /创建 时 间 获 取 订 单 详情 接口 如 下 所 示 : 


https://api.weixin.gqq.com/merchant/order/getbyid?access token=ACCESS TOKEN 








该 接口 的 POST 数 据 格式 如 下 ， 参 数 说 明 如 表 7-3 所 示 。 





"status": 2, 
"begintime": 1397130460, 
"endtime": 1397130470 











表 7-3 ”订单 查询 接口 参数 说 明 


字 段 说 有明 

status i 订单 状态 (不 市 该 字段 - es 2- 竺 发 贷 ，3- 已 发 山 ，5- 已 完成 ，8- 维权 中 ) 
begintime 订单 创建 时 间 起 妨 时 间 (不 市 该 字段 则 不 按照 时 间 做 哺 选 ) 
endtime 订单 创建 时 间 终 止 时 间 (不 市 该 字段 则 不 按照 时 间 做 师 选 ) 


返回 数据 格式 如 下 ， 参 数 说 明 如 表 7-4 所 示 。 


{ 
"errcode": 0, 
"errmsg": " Success"， 
"orqer list": [ 


"order id": "7197417460812533543", 

"order status": 6, 

"order total price": 6, 

"Order create time": 1394635817, 

"Order ， express price": 5, 

"buyer openid'" : "ODF3iY17NSDAWAUP2qzJXPsz1S90", 

"buyer nick": "likeacat", 

"receiver name":" 方 倍 "， 

"receiver province": "广东 省 " 

"receiver city": "广州 市 "， 

"receiver address":" 华 景 路 号 南方 通信 大 厦 5 楼 "， 

"receiver mobile": "123456", 

"receiver phone": "123456"， 

"product id": "pDF3iYx7KDQOVGZzB7kDg6Tge5OKFO", 

"Product_name" : "《 微 信 公 众 平台 开发 最 佳 实践 》"， 

"product price": 1, 

"product sku": "10000983:10000995;10001007:10001010", 

"product count": 1, 

"product img": "nttp://mmbiz.gqpic.cn/mmbiz/4whpV1VZ12icND8WwM 
ThBEcehjhDv2icY4GrDSG5RLM3B2qd9kOicWGVJcsAhvXfibhWRNoGOvCfMC33G9z5yQr2Qw/0",，, 

"delivery id": "1900659372473", 

"delivery company": "059Yunda", 

"trans id": "1900000109201404103172199813" 








































































































"order id": "7197417460812533569", 
"order status": 8, 
"Order total. priee: 1; 
"Order ， create time": 1394636235, 

"Order ， _express price": 0, 

"buyer openid'" : "ODF3iY17NSDAWAUP2qzJXPsz1S90", 


















































"buyer nick": "likeacat", 

"receiver _ name" : " 张 三 ", 

"receiver province": "广东 省 "， 

"receiver city": "广州 市 "， 

neoelver adaressn3 人 8 最 获 号 南方 通信 大 厦 5 楼 "， 
"receiver mobile": "123456", 

"receiver phone": "123456", 





"product id": "PpDF3iYx7KDOVGZB7kKDg6Tge5OKFO", 

"product name": "《 教 爸爸 妈妈 用 微 信 》"， 

"product Price" : 1, 

"product sku": "1075741873:1079742377", 

"product count": 1, 

"product img": "http://mmbiz.gqpic.cn/mmbiz/4whpV1lVZ12icND8WwM 
ThBEcehijhDv2icY4GrDSG5RLM3B2qd9kOicWGVJcsAhvXfibhWRNoGOvCfMC33G9z5yQr2Qw/0",， 





















































"delivery id": "1900659372473"™, 
"delivery company": "059Yunda", 
"trans id": "1900000109201404103172199813" 





表 7-4 ”订单 查询 接口 返回 内 容 参 数 说 明 
字 段 说 明 
efrreode 锚 误 码 
errImsg 错误 信息 


order list 所 有 订单 集合 (字段 说 明 详 见 根据 订单 ID 获取 订单 详情 ) 


为 了 在 微 信 中 实现 订单 查询 ,需要 先 将 一 个 菜单 设置 为 “订单 查询 ”按钮 ， 该 菜单 的 类 型 为 “click”，key 为 “WDDD” 。 


菜单 的 实现 代码 如 下 所 示 : 





1 require once('weixin.class.php'); 
2 Sweixin = new class weixin(); 















































3 

4 $button[] = array('type' => "view", 

5 'name' => urlencode (" 微 信 小 店 ") ， 

6 'url' => "http://mp.weixin.dqdqd.com/bizmalLlL/malLsheLf?idq= 
&t=mall/listé&biz=MzANDOxNDUwNQO==&shelf id=1&showwxpaytitle=l#wechat redirect", 
由 ) 7 

8 Sbutton[] = array('name' => urlencode (" 更 多 ") ， 

9 'sub button' => array (array('type' => "click", 
10 和 'name' => urlencod 
("我 的 订单 ")， 
4 让 'key' => urlencode ("WDDD") 
上 2 ), 
13 ) 
14 ); 
15 $menu = urldecode (json encode (array('button' => $button))); 
16 var dump (Sweixin->create menu ($menu)); 








当 用 户 点 击 “ 我 的 订单 ”按钮 时 ， 微 信 接 口 将 接收 到 这 一 点 击 事件 通知 ， 并 且 调 用 微 信 小 店 的 订单 查询 接口 来 查询 当前 用 户 的 订单 信息 ， 实 现代 码 如 下 所 示 。 


1 // 接 收 事件 消息 




















































































































































































































































































































2 private function receiveEvent ($0object) 
3 { 
4 Scontent = ""; 
5 switch ($object->Event) 
6 { 
7 case "subscribe": 
8 $content = "欢迎 关注 方 倍 工作 室 "; 
9 break; 
10 Case "CLICK": 
11 Switch ($object->EventKey) 
12 { 
1 case "WDDD": 
14 require once('weixin.class.php'); 
15 Sweixin = new class weixin(); 
16 Sopenid = strval ($0object->FromUserName); 
7 $orderArr = Sweixin->get detail by filter(™{}"); 
18 if (SorqerArr ["errcode"] == -1)f{ 
19 Sweixin->send custom message ($openig, 
"text"， "系统 繁忙 ， 请 稍 后 再 试 ! "); 
20 } 
Pal else if (count ($orderArr["order list"]) == 0){ 
儿 史 Sweixin->send custom message ($openig, 
"text", "没有 查询 到 订 单 记 录 ! 中 ; -一 Ne 
23 }elsel 
24 $data = array(); 
25 $data[] = array ("title"=>urlencode ("我 的 订单 ")， 
"description"=>"", "picurl"=>"™"", warl”™ =>"") s 
26 foreach ($orderArr["order list"] as $index => $item) { 
27 if($item["buyer openid"] == Sopeniad) { 
28 $title = "编写 : ".$item["order ig"]. 
"Nn 时 间 : ".date("Y-m-d H:i:s",S$item["order create time"]) 
29 ” ."\n 名 称 : ".$item["product name"]. 
"nn 总 价 : 站 ". ($item["product price"] / 100)." x ".$item["product count"]." + Y¥".($item["order express price"] / 100)." = Y¥".($item["order total price"] / 100); 
30 Switch ($item["order status"]) 
31 { 
32 Case 2: 
33 $orderstatus = " 待 发 货 "; 
34 break; 
35 Case 3: 
36 $orderstatus = "已 发 货 "; 
37 break; 
38 Case 5: 
39 $orderstatus = "已 完成 "; 
40 break; 
41 Case 8: 
42 $orderstatus = "维权 中 "; 
43 break; 
44 defauilt: 
45 $orderstatus = "未 知 状态 码 " 
.$item["order status"]; 
46 break; 
47 } 
48 $title .= "\n 状 态 : ".$orgderstatus; 
49 Surl ey Wn 
50 if ($item["order status"] == 3 && 
lempty ($item["delivery company"])){ 
51 Switch ($item["delivery company"]) 
52 { 
53 case "Fsearch code": 
54 $expressName = "邮政 EMS"; 
59 break; 
56 case "002shentong": 
57 $expressName = "申通 快递 "; 
D8 break; 
59 case "066zhongtong'" : 
60 $expressName = "中 通 速 递 "; 
61 break; 
62 case "056yuantong": 
63 $expressName = "圆通 速递 "; 
64 break; 
65 case "042tiantian": 
66 $expressName = "天 天 快递 "，; 
67 break; 
68 case "003shunfeng": 
69 $expressName = "顺丰 速 运 "; 
70 break; 
71 case "059Yunaa" : 
72 $expressName = " 韵 达 快 运 "，; 
13 break; 
74 case "064zhaijisong": 
75 $expressName = "宅急送 "; 
76 break; 
3 case "020huitong": 
78 $expressName = "汇通 快运 "; 
79 break; 
80 Case "zj00lyixun": 
81 $expressName = " 易 迅 快递 "; 
82 break; 
83 defauilt: 
84 $expressName = "未 知 物流 公司 ， 
ID: ".$item["delivery company"]; 
85 break; 
86 } 
87 $title .= "Nn 物 流 : " 
.SexpressName." ".Sitem["dqelivery id"]; 
88 加 if (preg match ("/^\d{3} [A-2a-z] 
{2,10}$/", $item["delivery _ company"] ) ) { 
89 ScompbanyEn = trim(substr 
($item["delivery company"],3,strlen ($item["delivery company"]))); 
90 $url = "http://m.kuaidi100. 
com/result.jsp?com=".strtolower ($companyEn) ."&nu=".$item["delivery id"]; 
91 } 
92 } 
93 $sdata[] = array ("title"=>urlencod 
($title), "description"=>"™", "picurl"=>"", "url™" =>$url); 
94 } 
95 if (count ($data) >=9) {break;} 
96 } 
97 
98 if (count ($data) == 1){ 
99 $result = S$weixin->send custom message 
($openigd，"text"， "没有 查询 到 你 的 订单 记录 ! ") ; 加 四 
100 }elsel 
101 $result = $weixin->send custom message 














($openid, "news", S$data); 























































































































102 } 
103 } 
04 $content I 
105 break; 
106 defauilt: 
107 $content = " 空 菜单 响应 ! "; 
108 break; 
109 } 
10 break; 
] } 
2 if (is array(S$content) ) { 
3 if (isset(S$Scontent [0]) ) { 
4 $result = Sthis->transmitNews ($object, S$content); 
115 }else if (isset ($content['MusicUrl1']))t 
116 $result = S$this->transmitMusic($object, $content); 
7 
8 }elsef 
119 $result = S$this->transmitText ($object, S$content); 
120 } 
121 return Sresult; 
122 } 


上 述 代码 中 和 订单 查询 通知 相关 部 分 简要 说 明 如 下 : 

第 13 行 : 判断 是 否 收 到 订单 查询 事件 通知 。 

第 14 行 ~ 第 17 行 : 引用 微 信 小 店 SDK， 获 取 当 前 的 所 有 订单 信息 。 

第 18 行 ~ 第 23 行 : 用 于 查询 订单 接口 的 异常 判断 。 

第 24 行 ~ 第 96 行 : 遍历 订单 详情 中 的 所 有 订单 列表 ， 将 当前 用 户 的 订单 内 容 填 充 到 微 信 图 文 消息 中 。 
第 98 行 ~ 第 102 行 : 使 用 客服 接口 将 订单 详情 通过 图 文 消息 方式 发 送 。 


最 后 1 我 的 订单 查询 实现 如 图 7-31 所 示 。 


~ ll 11:44 


a 





三 :103014685888b54618 745 
: 2014-10-20 11:42:39 

: 测试 商品 2 

A0D0Tx1+ ¥0= ¥V.D0] 

快 访 : 竺 发 货 





: 10301485888654618548 
: " 2014-10-20 11:19:55 

你 : 测试 商品 

Pi 001x1+ ¥0= ¥0.01 
状态 : 已 发 贷 

匆 流 : 申通 快递 358222793658 





ny 微 信人 小 店 我 的 区 易 





图 7-31 我 的 订单 查询 结果 


7.3.4 ”快递 物流 查询 


发 货 后， 快递 查询 是 一 个 最 常用 的 功能 需求 。 我 们 使 用 爱 查 快递 的 查询 接口 来 实现 快递 查询 功能 。 


查 快递 已 集成 国内 外 近 百 家 常见 快递 /物流 /COD 公 司 单 号 和 网 点 查询 功能 ， 如 EMS 快 递 、 顺 丰 快 递 、 申 通 快 递 、 圆 通 快递 、 中 通 快 递 、 韵 达 快 递 、 天 天 快递 、 汇 通 快 递 、 宅 急 送 快 递 、CCES、 华 宇 
物流 、 速 尔 快递 、 优 速 快递 等 ， 我 们 使 用 爱 查 快递 来 作为 我 们 的 快递 查询 接口 ， 它 的 接口 申请 地 址 为 : http://api.ickd.cn/users/。 


使 用 邮箱 在 爱 查 快递 网 站 上 注册 一 个 新 用 户 ， 然 后 登录 ， 登 录 后 如 图 7-32 所 示 。 


API 管 理 
基本 情况 
AP1 剖 试 

API 申 请 


申请 正式 API 
申请 临时 API 

资料 管理 
修改 资料 





图 7-32” 爱 查 快 递 API 管 理 中 心 


左 侧 菜单 目录 中 的 “API 申 请 ”中 包括 “申请 正式 APlI” 和 “申请 临时 API”。 如 果 需 要 长 期 稳定 的 接口 ， 请 选择 申请 正式 API。 这 里 以 申请 临时 API 为 例 ， 申 请 成 功 后 的 界面 如 图 7-33 所 示 。 


爱 查 快递 API 管 理 中 心 


API 管 理 
基本 情况 
API 测 试 


API 其 本 信息 


APL ID: lOdeed 
Secret Key: 5d91ladb21d974109130d4671369910f4 溃 曾 


API 申 请 \ API 尖 别 : 剧 时 8&PI (升级 为 上 上 式 &PI) 
使 用 状态 : 已 通过 
: 今日 调用 量 : 0 次 
中 请 1 时 AF | 调用 频率 : 500 次 /于 


资料 管理 
修改 资料 
退出 


申请 正式 ,API 





图 7-33” 爱 查 快 递 API 基 本 信息 


爱 查 快递 的 接口 请 求 地 址 如 下 : 





http://api.ickd.cn/?id=[]&secret=[] &com=[] &nu=[] &type=[] &encode=[] &ord=[] &lang=[] 





该 接口 相关 参数 说 明 如 表 7-5 所 示 。 


表 7-5 ” 爱 查 快递 接口 参数 说 明 


字段 说 明 
com 必须 快递 公司 代码 (英文 ) 
nu 必须 快递 单 号 ， 长 度 必 须 太 于 5 位 


id 授权 KEY， 纯 数字 型 

secret 必 选 一 个 小 写 的 字符 串 

type 可 选 返回 结果 类 型 ， 值 分 别 为 htmlljson (默认 ) |text|xml 

encode 可 选 gbk (黑人 ) lutf8 

ord 可 选 asc (默认 ) |desc， 人 退回 结果 排序 

lang 可 选 en 返回 碳 文 结 生 ， 目 前 仅 支 持 部 分 快递 (EMS、 顺 丰 、DHI ) 





爱 查 快递 目前 支持 的 快递 公司 包括 : AAE 快 递 、 安 捷 快 递 、 安 信 达 快递 、Aramex 国 际 快递 、 巴 伦 支 、 宝 通达 、 成 都 奔腾 国际 快递 、CCES 快 递 、 长 通 物 流 、 程 光 快 递 、 城 际 快递 、 城 市 100、 传 喜 快 

、 传 志 快递 、 出 口 易 物流 、CityLinkExpress、 东 方 快递 、 城 市 之 星 、 大 田 物 流 、 大 洋 物 流 快递 、 德 邦 物 流 、 德 创 物流 、DHL 快 递 、 店 通 快递 、 递 达 快 递 、 叮 噬 快 递 、 递 四 方 速递 、DPEX 快 递 、D 速 快递 、 
百 福 东方 物流 、EMS 快 递 、 几 宇 快递 、Fardar、 国 际 Fedex、Fedex 国 内 、 飞 邦 物流 、 飞 药 快 递 、 原 飞 航 物 流 、 飞 狐 快递 、 飞 特 物流 、 飞 远 物流 、 丰 达 快 递 、 飞 康 达 快递 、 广 东 邮 政 物流 、 邮 政 国内 小 包 、 
共 速 达 物 流 、 国 通 快递 、 山 东海 红 快 递 、 海 嚼 速递 、 吴 盛 物流 、 河 北 建华 快递 、 恒 路 物流 、 华 诚 物 流 、 华 翰 物 流 、 华 企 快递 、 华 夏 龙 物流 、 天 地 华宇 物流 、 汇 强 快递 、 汇 通 快 递 、 海 外 环球 快递 、 佳 吉 快 
运 、 佳 怡 物流 、 加 运 美 快 递 、 金 大 物流 、 京 广 快递 、 晋 越 快 递 、 急 先 达 物流 、 嘉 里 大 通 物流 、 康 力 物 流 、 顺 冤 (KCS) 快递 、 快 捷 快 递 、 宽 容 物流 、 跨 越 快 递 、 乐 捷 递 快递 、 联 昊 通 快递 、 成 都 立即 送 快 
递 、 龙 邦 快递 、 民 孝 快递 、 明 亮 物 流 、 韶 盛 快 递 、 尼 尔 快递 、 港 中 能 达 快递 、OCs 快 递 、 平 安达 、 中 国 邮 政 平邮 、 品 速 心 达 快 递 、 全 晨 快递 、 全 峰 快 递 、 全 际 通 快递 、 通 快递 、 全 一 快递 、RPX 保 时 
达 、 如 风 达 快递 、 赛 澳 递 、 三 态 速递 、 伟 邦 (SCS) 快递 、 圣 安 物流 、 盛 丰 物 流 、 盛 辉 物 流 、 申 通 快 递 、 顺 丰 快 递 、 穗 佳 物流 、 速 尔 快递 、 天 天 快递 、TNT 快 递 、 通 成 物流 、 通 和 天 下 物流 、UPS 快 递 、 
USPS 快 递 、 万 博 快递 、 万 家 物流 、 微 特派 、 祥 龙 运通 快递 、 新 邦 物流 、 信 直 快 递 、 希 优 特快 递 、 源 安达 快递 、 亚 风 快 递 、 一 邦 快递 、 银 捷 快 递 、 音 素 快 运 、 亿 顺 航 快 递 、 优 速 快递 、 北 京 一 统 飞 鸿 快递 、 远 
成 物流 、 圆 通 快 递 、 元 智 捷 诚 、 越 丰 快 递 、 誉 美 捷 快递 、 韵 达 快 递 、 运 通 中 港 快递 、 宇 塞 物 流 、 源 伟 丰 、 宅 急 送 快递 、 郑 州 建华 快递 、 芝 麻 开门 快递 、 济 南 中 天 万 运 、 中 通 快 递 、 忠 信 达 快递 、 中 邮 物 流 。 


使 用 爱 查 快递 接口 、 查 询 顺 丰 快 递 ， 运 单单 号 113819507900，URL 构 造 如 下 所 示 : 




















http://api.ickd.cn/?id=103223&secret=5d91agdb21d97d109130d4671369910f4&com=shunfeng&nu=113819507900&type=json&encode=utf8 


该 接口 返回 结果 如 下 : 


"estatus™: 
"message" . TTTTY 


"errCode": 
"data": 


"time": 
"context": 


"time"™: 


的 和 


now 


[ 


"2014-02-] 








Lk 


"已 收 件 


5 11:00"; 


"T2014=02=15. L219 





快件 在 东莞 ,准备 送 各 





"context": " 快 但 


"time"™: 











"a0 D1 TU 
在 东莞 集散 中 心 , 准备 送 得 





"context": " 快 但 





INo": 


"update": 
"cache": 
1 ord" “ WA 


"tel": 


} 


7 
"html" Tror 
"mail 
"explTextName": 
"expSpellName": 


"11381950790 
"J 顺 了 











TOUR 


SG 
"4008-111-111" 


Ou 

lL 快递 "， 
"shunfeng" 

"1392549644"™, 


下 


一 站 东莞 集散 中 心 " 


下 一 站 " 














上 述 返回 结果 字段 说 明 如 表 7-6 所 示 。 


宝 


段 


status 


eIrC ode 


IlleSSdcae 


data 


html 


mailNo 


expSpellName 


exp lextName 


update 


cache 
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| [ 

| 上 
string 
1n 
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表 7-6 ” 爱 查 快递 接口 返回 字段 说 明 


说 了 明 

查询 结果 状态 ,0|1|2|3|4,0 表示 查询 失败 , 1 正常 ,2 派送 中 ， 
3 已 签收 ,4 退回 ,5 其 他 问题 

错误 代码 ，0 无 错误 ，1 单 号 不 存在 ，2 验证 码 错误 ，3 链 
接 查 询 服 务 器 失败 ，4 程序 内 部 错误 ,5 程序 执行 错误 ,6 快 
递 单 号 格式 销 误 , 7 快递 公司 错 话 , 10 未 知 错误 , 20API 错误 ， 
21API 被 禁用 ，22API 查询 量 耗 尽 

错误 消息 
其 他 HIML ， 该 字段 不 一 定 存 在 
快递 单 号 
快递 公司 英文 代码 
快递 公司 中 文 名 
最 后 更 新 时 间 (UNIX 时 间 惟 ) 
缓存 时 间 ， 时 间 与 update 之 间 的 差 值 ， 单 位 为 : 种 


和 | 一 


局 症 


( 续 ) 


型 说 明 





根据 上 述 接口 ， 我 们 编写 的 快递 查询 代码 如 下 : 


客服 电话 ， 该 字段 不 一 定 存在 


string 








$appid = "103223"; 
$secret = "5d91adp21 





function get 








ckd Fo 








ExpressIini 











($company 


d97d109130d4671369910f 























i.ickd.cn/?id=".S$appid."&secret=".$secret."&com=".$ companyl 


En, Snumber) 





AVs 


a 








"&nu= 








En. ".S$Snumber."&type=json&encode=utf8"; 







































































ER, 1); 


/ reason: '.curl] error ($ch);} 


六 


$result .= $singleStepl["time"]." ".$singleStep["context"]."\n"; 


$url= 
"http://ap 
eh ="Curl nit():; 
curl setopt ($ch, CURLOPT URL, $url); 
curl setopt ($ch, CURLOPT RETURNTRANSE] 
$output = curl exec ($ch); 
if (curl errno ($ch)) 
{ echo 'CURL ERROR Code: '.curl errno ($ch).'" 
curl _ close ($ch); 
$AllInfo = json decode ($output, true) 
if ($AllInfo[l'message'] != " { 
return $AllInfo[l'message']; 
}elsel 
$result = ""; 
foreach ($AllInfo["data"] as $singleStep) 
return trim(Sresult) 
} 





我 们 希望 能 查询 到 所 有 快递 公司 的 运单 信息 。 在 查询 的 时 候 ， 一 般 使 用 快递 公司 名 再 加 上 单 号 的 方法 ， 而 快递 公司 名 称 既 有 中 文 名 称 也 有 英文 名 称 ， 根 据 这 一 原则 ， 我 们 使 用 正则 表达 式 来 判断 ， 相 应 
代码 编写 如 下 : 








private function receiveText (SobJject) 


{ 





$keyword = trim($object->Content); 

if (preg match("/[\x{4e00}-\x{9fa5}] {2,4}\s{0,}\w{8,15}/u", $keyword) || 
preg match ("/[A-2a-z] {3,9}\s{0,}\w{8,15}/u", $keyword) 

){ 


include ("express .php"); 
































$content = getExpressInfo ($keyword); 
}elsel{ 
$content = "不 是 快递 查询 格式 ?"; 





} 
$result = Sthis->transmitText ($object, S$content); 
return Sresult; 








在 上 述 代码 中 ， 判 断 用 户 发 送 过 来 的 信息 是 否 满足 以 下 规则 : 
. 2~4 位 汉字 +0~N 个 空格 +8~15 位 数字 或 字母 
. 3~8 位 字母 +0~N 个 空格 +8~15 位 数字 或 字母 


如 果 满 足以 上 两 者 中 的 任何 一 种 ， 则 认为 是 快递 查询 请 求 格式 。 进 入 快递 查询 请 求 函 数 ， 代 码 如 下 : 














function getExpressInfo ($keyword) 


{ 





1 
2 
3 $expresses = array( 

4 "AAE"=>"aae", " 安 捷 "= =>"anjie", "安信 达 ' '=>"anxinda", "AR 

AMEX"=>"aramex", " 巴 伦 支 "= >"balunzhi", " 宝 通 甬 达 "=>"baotongda", "成 都 奔腾 "=>"benteng", "CCES"=>"cces", "长 通 "=>"changtong", " 程 光 "=>"chengguang", " 城 际 "=>"chengji", "城市 100"=>"chengshi100"， 












































5 ); 

6 SCOntenkStr = = ""7 

7 for(Slen = 3; BLN <= 12; S$lent++) 
8 { 

9 if (array key exists (substr ($keyword, 0, $len), $expresses) || 
array key exists (strtoupper (substr ($keyword, 0, $len)), Sexpresses) ) { 
10 if (Preg :1 match ("/ [a- ZA-— Z|/ Sub ECSRevwow, 0, $len)))t 
了 $companyEn = SL BE POUDDEr (OUD be (Sl 

0, $len))]; 
12 }elsel 
13 ScompanyEn = $expresses[substr ($keyword, 0, $len)]; 


4 } 
于 Snumber = trim(substr ($keyword, S$len, Se 
16 if (!preg match("/^\w{8,14}$/",$number)) 
a 
并 
8 























return "请 发 送 ' 快 递 名 称 '+" 单 号 '， 不 纹 加 快递 两 个 字 ， 例如 
汇通 210157777433”"; 
} 





3 
2 






























































生 沪 ScontentStr = getIckdExpressInfo ($companyEn, $number); 
20 return $contentStr; 

21 } 

22 } 

23 if (ScontentSstr == ""){ 

24 $contentStr = "没有 匹配 到 快递 公司 ! "; 

25 return $contentStr; 

26 } 

27 } 


上 述 代码 解读 如 下 : 
第 3 行 ~ 第 5 行 : 定义 快递 公司 名 称 及 相应 的 查询 代码 。 在 这 里 ， 我 们 把 所 有 包含 英文 的 名 称 都 转 成 大 写 了 ， 便 于 后 续 匹 配 。 


第 7 行 ~ 第 9 行 : 使 用 循环 遍历 长 度 的 方式 ， 匹 配 快递 公司 名 称 。 快 递 公司 名 称 最 短 为 3 字母 (3 字 节 ) ， 最 长 不 超过 4 个 汉字 (utf-8 编 码 下 12 字 节 ) 所 以 长 度 值 为 3~12。 匹 配 的 方法 同时 考虑 中 文 或 者 字 
母 的 方式 。 对 于 字母 ， 将 其 强制 转换 成 大 写 。 


第 10 行 ~ 第 14 行 : 根据 快递 公司 名 称 获 取 相应 的 快递 公司 英文 代码 。 若 含有 英文 字母 ， 获 取 之 前 将 其 转 为 大 写 。 

第 15 行 ~ 第 16 行 : 剥离 出 快递 单 号 ， 并 且 判 断 单 号 是 否 为 数字 字母 组 成 。 如 果 不 是 ， 则 匹配 快递 公司 名 称 失败 。 

第 19 行 ~ 第 20 行 : 根据 获取 的 快递 公司 名 称 调用 爱 查 快递 查询 接口 查询 快递 的 当前 进度 ， 并 且 返 回 

第 23 行 ~ 第 26 行 : 如 果 上 述 循环 遍历 没有 找到 快递 公司 名 称 ， 则 返回 匹配 快递 公司 名 称 失败 。 

需要 说 明 的 是 : 由 于 快递 公司 名 称 的 不 规则 性 太 强 ， 上 述 方 法 仍 有 可 能 存在 无 法 匹配 到 快递 公司 名 称 和 单 号 的 情况 。 在 这 种 情况 下 ， 需 要 更 进一步 分 析出 错 原 因 ， 找 出 代码 中 琉 漏 的 地 方 。 


上 述 快 递 查询 代码 最 终 实现 效果 如 图 7-34 所 示 。 


国 国 命 息 + 
返回 方 倍 工 作 室 


2014-02-11 22:32 到 

达 : 广东 揭阳 市 公司 已 收 
性 

2014-02-13 15:16 到 

达 : 广东 揭阳 市 公司 发 
往 : 新 疆 乌 鲁 木 齐 分 所 中 
心 

2014-02-14 14:59 到 | 

达 :广东 揭阳 市 公司 已 收 
忻 

2014-02-15 21:36 到 

达 : 广东 揭阳 分 所 中 心 上 
级 站 点 : 广东 揭阳 市 公司 


») (| 


图 7-34 


返回 


快递 查询 实现 效果 


方 倍 工 作 室 


2014-02-16 17:31 西安 速 
递 高 新 捞 投 部 : 揽 收 
2014-02-16 17:37 西安 束 
递 高 新 找 投 部 : 收 寄 
2014-02-16 18:13 西安 束 
道 高 新 挠 投 部 : 离开 处 理 
中 心 ,发 往 西安 航空 站 点 
2014-02-16 20:13 西安 航 
空 站 点 ; 到 达 处 理 中 心 ,来 


2014-02-16 21:14 西安 航 
室 站 点 ; 离开 处 理 中 心 ,发 
住 乌鲁木齐 市 


会 串 自 20:40 


RE 





7.3.5 ”加 入 维权 功能 


在 微 信 小 店 中 ， 如 果 需 要 实现 用 户 退 货 退 款 等 功能 ， 则 需要 在 菜单 中 加 入 “维权 ”按钮 ， 让 用 户 到 达 维 权 页 面 。 加 入 方法 很 简单 ， 给 对 应 名 称 为 “我 要 维权 ”的 菜单 设置 链接 (view 事 件 ) ，URL 
为 https://mp.weixin.qq.com/payfb/payfeedbackindex? appid=wx830f2de3fabcdefg#wechat webview type=1&wechat redirect， 把 其 中 的 appid， 换 成 当前 公众 账号 的 即 可 。 菜 单 中 的 实现 代码 
如 下 所 示 。 


1 require once('weixin.class.php'); 
2 Sweixin = new class weixin(); 
























































3 
4 $button[] = array('type' => "view", 
5 i'name' => urlencode (" 微 信 小 店 ") ， 
6 'url' => "http://mp.weixin.gq.com/bizmall/ 
mallshelf?id=&t=mall/l1isté&biz=MzANDOxNDUwNQO==&shelf id= 1&showwxpaytitle =1#wechat redirect", 
7 ); 
8 Sbutton[] = array('name' => urlencode ("更 多 ")， 
9 'sub button' => arrayl(array('type' => "click", 
10 'name' => urlencode 
("我 的 订单 ") 
了 二 'key' => urlencode ("WDDD") 
1 交 ), 
13 array('type' => "view", 
14 'name' => urlencode ("维权 ")， 
19 'url' => 
"https://mp.weixin.qq.com/payfb/payfeedbackindex?appid=wx830f2de3fabcdefg#wechat webview type=1&wechat redirect" 
16 ), 
17 ) 
18 
19 $menu = urldecode (json encode (array('button' => Sbutton) ) ) ; 








20 var dump ($weixin->create menu (Smenu) ) 


上 述 维权 代码 实现 效果 如 图 7-35 所 示 。 


+ 四 直射 认 会 吕 重 23:51 


+ 天 站 - 有 
尾 型 








维权 的 交易 订单 : 
中信 公众 平台 开发 最 住 





2014-00-27 19.41 
121861490120140202733134/1313，2 





处 理 方式 





机 





杷 15999523456 


添加 备注 ”测试 











ee 





























EE 











9 上 传 5 张 图 片 


